您好,我有一个表,其中一行中的某些列与colspan="2"
属性。
目前它看起来像这样:
我希望一行中连接列的文本居中,但只有连接列中的文本居中
该行的表数据(无限制)有如下代码
<tr class="row-4 even">
<td colspan="2" class="column-3 footable-last-column" style="display: table-cell;">unlimited</td>
</tr>
我无法更改表的代码,因为它是由 WordPress 插件自动创建的tablepress
我能做的是添加自定义 .css 文件。
我的问题是,是否可以仅选择具有该属性的表数据colspan="2"
与 .css,这样我就可以做到{ text-align: center }
仅适用于具有该属性的表数据colspan="2"
CSS 选择器[attribute="value"]
是你想要的,所以你应该添加
td[colspan="2"] {
text-align: center;
}
将跨两列的单元格居中。
如果您想要将跨越任意数量列的单元格居中,您可以使用
td[colspan]:not([colspan="1"]) {
text-align: center;
}
选择所有具有colspan
属性设置为除1
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)