Bootstrap / Foundation方法

Question

我想要一个滚动的图像列表，每个图像旁边都有一段文字。

图像的大小都相同，但文字长度会有所不同。

整批需要能够在iPad上上下滚动。

页面的大小将被修复，因此我不需要担心方向。

我是html的新手，请原谅这个问题是否非常简单！

Answer 1

在段落的style / css中使用float:right;。

<p style='float:right;'>Paraghraphehhehrher</p>

Answer 2

这可以很容易地使用CSS完成。因此，当您插入图像时，可以给它一个类。 e.g

    <img class="image" src="some/image/url.jpg" />

然后在CSS代码中，您可以提供此图像属性：

    .image {
       width: 100px;
       height: 100px;
    }

然后，这将为所有图像提供一组＆＃34;图像＆＃34;，大小为100 x 100像素。或者，您可以使用照片处理工具，如photoshop，并手动重新调整图像大小。如果图像不是正方形的话，这可能很有用，否则当你定义尺寸时它们会强迫它们成为正方形时会扭曲。

好的，一个简单的方法（为了理解这个想法），将使用一个包含2列的表，这种方法看起来可能与此类似：

    <table>
      <tr>
        <td>IMAGE CELL</td>
        <td>TEXT CELL</td>
      </tr>
    </table>

然后，您可以在页面上执行此操作，将图像插入一列，将文本插入另一列。 HOWEVER ，这被认为是一种关于清洁网页设计的糟糕方法。另一种看待的方法是Jad的答案中提到的方法。

另一种解决这个问题的方法是使用像Bootstrap或Foundation这样的CSS框架。这些允许您在屏幕上使用网格系统，屏幕自动分成12列。然后你可以随意使用它们。