我想创建不带<table>
元素的表格,并替换为
表到"ul“
tr到"li“
td到"div“
但所有表格单元格的宽度与前面的行不相等
CSS代码
ul {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
float: left;
display: table;
}
.td {
float: none;
width: 1%;
border-top: 1px solid #000;
border-left: 1px solid #000;
padding: 5px 10px;
display: table-cell;
}
HTML
<ul class="table">
<li class="tr">
<div class="td">1</div>
<div class="td">aaaa</div>
<div class="td">zzzzzzz</div>
</li>
<li class="tr">
<div class="td">2</div>
<div class="td">nnbnb</div>
<div class="td">;;;;;;;</div>
</li>
<li class="tr">
<div class="td">3</div>
<div class="td">qqssqqq</div>
<div class="td">zzzzzsdafsfzz</div>
</li>
<li class="tr">
<div class="td">4</div>
<div class="td">aasdfs</div>
<div class="td">zzzzzzz</div>
</li>
<li class="tr">
<div class="td">5</div>
<div class="td">ddssssssddd</div>
<div class="td">zzzzzzz</div>
</li>
</ul>
https://stackoverflow.com/questions/56568662
复制相似问题