如何将t像div作为表格进行分组?我正在使用像css表这样的div。我使用了标签<section>
和<blockquote>
,但它不起作用。我想把这个分组:
<div class="divContenedor">
<div class="divRow">
<div class="divCellText">
Compatible <span class="aster">*</span>
</div>
<div class="divCellContent" style="width: 250px">
<select id="soft"></select>
</div>
</div>
<div id="trPlataform" class="divRow" style="display: none">
<div class="divCellText">
Indique cuál <span class="aster">*</span>
</div>
<div class="divCellContent" style="width: 250px">
<input type="text" maxlength="45">
</div>
</div>
</div>
的CSS:
.divContenedor
{
display: table;
//border-color: #0063DC;
border-spacing: 5px;
}
.divRow
{
display: table-row;
}
.divCellText
{
width: 400px;
display: table-cell;
text-align: right;
vertical-align: middle;
//border-color: #0063DC;
}
.divCellContent
{
width: 550px;
display: table-cell;
padding-bottom: 10px;
padding-left: 10px;
//border-color: #0063DC;
}
但是如果我使用section或blockquote,则分布看起来很糟糕。