让我们看看这张表:
<table border="1">
<tr><td>1111</td><td>42342324</td><td>ffffffff</td></tr>
<tr><td>11</td><td>442324</td><td>fdadasdfffffff</td></tr>
</table>
我需要用 DIV 元素做类似的事情(抱歉,老板不允许表格)。真正的问题是,如何在不直接设置的情况下设置相同的宽度?我的意思是,如果第一行更长,那么它将是实际宽度,否则是第二行。 最好没有 javascript/jQuery 黑客攻击。
最佳答案
我假设您希望“列”的宽度随内容一起增加?动态设置列中每个 div 的宽度?
我想不出用 css 来做到这一点的方法,但是一些 jiggery pokery 和一些 div 可能会奏效。
<style>
.table{
border:1px solid black;
position:relative;
}
.column{
border:1px solid red;
display:inline-block;
}
.cell{
border:1px solid blue;
float:left;
clear:both;
}
</style>
<div class="table">
<div class="column">
<div class"cell">11</div>
<div class"cell">ffff</div>
</div>
<div class="column">
<div class"cell">1111</div>
<div class"cell">f</div>
</div>
<div class="column">
<div class"cell">1</div>
<div class"cell">fff</div>
</div>
</div>
关于html - Div结构,每列的自动宽度相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15114033/