我在我的页面中有一个表,我使用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规则- 边框,背景,宽度和可见性.
有谁知道这个决定背后的原因?如果你可以有边框和背景,为什么不能使用字体和颜色?
我正在尝试使用<div>html中的标记进行两次水平分割,但我无法做到.任何人都可以帮助我使用带有<div>标签的html和css进行横向划分吗?
这些代码在逻辑上是等价的吗?
<colgroup span="7">
</colgroup>
Run Code Online (Sandbox Code Playgroud)
和
<col span="7" />
Run Code Online (Sandbox Code Playgroud)
和
<colgroup>
<col />
<col />
<col />
<col />
<col />
<col />
<col />
</colgroup>
Run Code Online (Sandbox Code Playgroud)
通过HTML的任何属性或通过CSS的属性是否具有相同的效果?sombody还可以添加"colgroup"标签.没有足够的代表让我这样做.