我在我的页面中有一个表,我使用colgroups以相同的方式格式化此列中的所有单元格,适用于背景颜色和所有.但似乎无法弄清楚为什么文本对齐中心不起作用.它没有将文本对齐居中.
例:
<table id="myTable" cellspacing="5">
<colgroup id="names"></colgroup>
<colgroup id="col20" class="datacol"></colgroup>
<colgroup id="col19" class="datacol"></colgroup>
<colgroup id="col18" class="datacol"></colgroup>
<thead>
<th> </th>
<th>20</th>
<th>19</th>
<th>18</th>
</thead>
<tbody>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
CSS:
#names {
width: 200px;
}
#myTable .datacol {
text-align: center;
background-color: red;
}
Run Code Online (Sandbox Code Playgroud) W3指定表列(包含<col>元素)只允许四个CSS规则- 边框,背景,宽度和可见性.
有谁知道这个决定背后的原因?如果你可以有边框和背景,为什么不能使用字体和颜色?
我创建了一个包含2列的html表.我希望第一列包含文本右对齐,但我希望第二列保持左对齐,因为它包含复选框.对于演示它看起来,但我不知道.我试过创建一个td class ="column1"然后text-align:right; 在CSS但没有运气.
任何想法将不胜感激.
HTML
<td class="column1">Retrieve Logs:</td>
<td class="column2"><input type=checkbox name="getcamlogs" checked="checked"></td>
Run Code Online (Sandbox Code Playgroud)
CSS
td.column1 {
text-align: right;
}
Run Code Online (Sandbox Code Playgroud)