我的图片从左到右流动,我想在每张图片旁边加上我的文字,我给了它这样的东西:
<div>
<p style="float: left;"><img src="images/pic1.jpg" height="141px" width="212px" border="0px"></p>
<p>Etiam ac pellentesque lorem. Aliquam vel quam scelerisque, interdum eros id, ultricies est. Etiam in tristique urna. In a mi sit amet enim faucibus rhoncus. Etiam viverra nisl sed velit commodo rutrum. Nunc malesuada nulla sed nibh aliquet, nec fringilla lacus lacinia. Phasellus sed tristique odio.</p>
</div>
<div>
<p style="float: right;"><img src="images/pic2.jpg" height="141px" width="212px" border="0px"></p>
<p>Etiam ac pellentesque lorem. Aliquam vel quam scelerisque, interdum eros id, ultricies est. Etiam in tristique urna. In a mi sit amet enim faucibus rhoncus. Etiam viverra nisl sed velit commodo rutrum. Nunc malesuada nulla sed nibh aliquet, nec fringilla lacus lacinia. Phasellus sed tristique odio.</p>
</div>
<div>
<p style="float: left;"><img src="images/pic3.jpg" height="141px" width="212px" border="0px"></p>
<p>Etiam ac pellentesque lorem. Aliquam vel quam scelerisque, interdum eros id, ultricies est. Etiam in tristique urna. In a mi sit amet enim faucibus rhoncus. Etiam viverra nisl sed velit commodo rutrum. Nunc malesuada nulla sed nibh aliquet, nec fringilla lacus lacinia. Phasellus sed tristique odio.</p>
</div>
这是我希望它如何复制的示例: http://foundation.zurb.com/page-templates4/banded.html
我注意到的一个问题是文本的高度似乎略微偏离了几个像素,我如何才能将其定位到 141 像素的高度?
最佳答案
关于html - 如何对齐图像旁边的文字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19162934/