使用css显示组div:table-row

时间:2015-04-10 19:00:04

标签: html css

如何将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,则分布看起来很糟糕。

0 个答案:

没有答案