当前位置：首页 → 问答吧 → 高手来看看!

高手来看看!

时间：2010-09-22

来源：互联网

<div style="width:300px;"> <div style="float:left;width:100px; background:red;">Right</div> <div style="float:left;width:100px; background:blue;">MIDDLE</div> <div style="float:left;width:100px; background:yellow;">LEFT</div> <div>
提示：您可以先修改部分代码再运行

要做成类似表格的效果,当其中一个DIV的内容超过宽度(100px),自动换行,高度自适应
而其他同一行的DIV 的高度也跟着变化.不能用JS.要求兼容所有浏览器.
这是个面试题.最后还是没做出来.

[ 本帖最后由 llovehy 于 2010-9-22 12:17 编辑 ]

作者: llovehy 发布时间: 2010-09-22

<div style="width:300px;"> <div style="float:left;width:100px; background:red;word-break:break-all;">cdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div> <div style="float:left;width:100px; background:blue;word-break:break-all;">cdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div> <div style="float:left;width:100px; background:yellow;word-break:break-all; ">cdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div> <div>
提示：您可以先修改部分代码再运行

加个word-break:break-all; 就行了
请参考帖子http://www.blueidea.com/tech/web/2006/3469.asp

作者: lsp123741126 发布时间: 2010-09-22

高手来看看!

热门阅读

热门下载