Question

我正在摧毁我的想法，试图让这个样式正确完成。我有一个固定大小的图像，右边有一个不可预测的文本高度div。我希望文本的顶部与图像的顶部对齐，但不要缠绕它。我的标记是：

<img height='231px' width='132px' style='float:left' />
<div>Text</div>

我想找到一个不涉及使用表的解决方案，但目前我已经耗尽，无法考虑如何使用css / divs

Answer 1

这应该可以解决问题。

<div style="margin-left: 132px">Text</div>

要在文字和图片之间留出空格，请将边距放大或添加padding-left。

Answer 2

DanielB的回答指出了这一点，但我只想提供其他解决方案;永远不知道它是否会派上用场。您可以将图像和div放入具有固定宽度的容器中，在图像上设置固定宽度，并将div加到容器的宽度上，并将div浮动。

<div id="container">
    <img height='231px' width='123px' style='float:left' />
    <div>Text</div>
</div>
#container div 
{
    float:left;   
    width: 123px;
}
#container {
 width:246px;   
}

http://jsfiddle.net/thomas4g/A7ZHg/3/

阻止文本环绕图像

2 个答案: