Question

以下是两个例子。

使用表格所需的结果： http://jsfiddle.net/Dhn3B/

另一个有div： http://jsfiddle.net/Rpmnq/1/

如何使用div与示例相同？

我不擅长div。

Answer 1

最简单的方法是add overflow: hidden到“text”div。

请参阅： http://jsfiddle.net/thirtydot/Rpmnq/5/

这适用于IE7 +和所有现代浏览器。

Answer 2

您可以像这样使用css display:table-cell属性：

.wr div{
    display:table-cell;
}

http://jsfiddle.net/Rpmnq/4/

Answer 3

你可以在两个div上使用float并在之后清除浮动：

<div class="wr">
    <div class="float" style="width:100px">image here</div>
    <div class="float" style="width:280px">some text here some more some more some more
some more some more some more some more some more some more some more some more some 
more some more some more some more some more some more some more some more some 
more some more</div>
    <div style="clear:both"></div>
</div>

Fiddle it

Answer 4

你可以制作一个方框并将文字放在其中：

   #box{
  padding: 20px 10px 10px 20px;
  width: 200px;
  background: #fff;
    }

并将div称为：文字文字

这是你想要的吗？

Answer 5

其他几个样本：

http://jsfiddle.net/basilkot/uKewV/

http://jsfiddle.net/basilkot/4aEbe/

桌面浮动div，高度100％

5 个答案:

http://jsfiddle.net/Rpmnq/4/