我有一个父div,其中将包含2或3个子div。我希望子div自动采用相等的宽度。
谢谢
这不是不可能的。使用甚至还不是特别困难display: table。
display: table
该解决方案将在现代浏览器中运行。在IE7中将无法使用。
CSS:
#wrapper { display: table; table-layout: fixed; width:90%; height:100px; background-color:Gray; } #wrapper div { display: table-cell; height:100px; }
HTML:
<div id="wrapper"> <div id="one">one one one one one one one one one one one one one one one one one one one one one</div> <div id="two">two two two two two two</div> <div id="three">three</div> </div>