相关疑难解决方法(0)

在colgroup中使用text-align center

我在我的页面中有一个表,我使用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>&nbsp;</th>
        <th>20</th>
        <th>19</th>
        <th>18</th>
    </thead>
    <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</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)

html css html-table css-tables

65
推荐指数
3
解决办法
3万
查看次数

为什么不允许样式表列?

W3指定表列(包含<col>元素)只允许四个CSS规则- 边框,背景,宽度和可见性.

有谁知道这个决定背后的原因?如果你可以有边框和背景,为什么不能使用字体和颜色?

html css col css-tables

17
推荐指数
2
解决办法
2843
查看次数

右对齐一列,左对齐另一列,在一个表内

我创建了一个包含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)

html css html-table text-alignment

7
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×3

html ×3

css-tables ×2

html-table ×2

col ×1

text-alignment ×1