1

所以我一直在尝试使用固定的表格布局，以便内容得到它的最大宽度，但我不希望所有数据都发生这种情况。其中一些需要内容本身的宽度，而不是它们在同一行中的兄弟。这是代码

 <table>
    <tbody>
     <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <th>2012</th>
        <th>2011</th>
        <th>Var</th>
     </tr>
     <tr>
        <td class="day">M</td>
        <td class="date">3</td>
        <td>300,500</td>
        <td>300,500</td>
        <td>0%</td>
     </tr>
     <tr>
        <td class="day">T</td>
        <td class="date">4</td>
        <td>300,500</td>    
        <td>300,500</td>
        <td>0%</td>
     </tr>
  </tbody>

这是CSS

table {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px;
    table-layout: fixed;
    display: table;
    }
table tr{
   border-bottom: 1px solid #ccc;
   width: 100%;
}
table tr th{
    text-align: center;
}
table tr td{
    display: table-cell;
    text-align: center;        
}

所以问题是我希望具有类日期和日期的 td 具有自己的宽度，例如 width = auto 以避免表格单元格功能。你的建议我应该怎么做。我可以在 CSS 中执行此操作，还是为此编写一个脚本。

4

0 回答 0