gpt4 book ai didi

css - 在不影响其他表的情况下对特定表中的列进行样式设置(固定宽度)

转载 作者:行者123 更新时间:2023-11-28 12:26:49 25 4
gpt4 key购买 nike

我希望通过样式固定表格中三列的宽度(以像素为单位)而不影响其他表格。我可以通过设置列的样式来达到预期的效果,请参见下面的代码。但是,下面各列的样式未链接到特定表格。我希望使用样式,这样我就不需要使用 <col ...>每次我使用指定的表时。即我想做的是将列宽的固定链接到特定的表。下面的代码没有将 col.tablerightcol1 链接到 table.tableright,这是我想要做的。

<head>
<title> xxxxx </title>
<style type="text/css">

table.tableleft {
width: 140px ;
align centre ;
}


table.tableright {
background-color: #E8E8E8 ;
width: 840px ;
height: 220px ;
}

col.tablerightcol1 {
align: right ;
width:220px ;
}
col.tablerightcol2 {
align: center ;
width:400px ;
}
col.tablerightcol3 {
align: center ;
width:220px ;
}

</style>
</head>

<html>
<body >
<table border=2 class = "tableright" >
<col class="tablerightcol1" />
<col class="tablerightcol2" />
<col class="tablerightcol3" />
<tr>
<td >
....

最佳答案

您可以使用 CSS3 nth-child 伪类选择器,但 IE 8.0 及以下的任何版本都不支持它(有关详细信息,请参阅 http://reference.sitepoint.com/css/pseudoclass-nthchild)。

table.tableright col:nth-child(1) { align: right; width:220px; }

关于css - 在不影响其他表的情况下对特定表中的列进行样式设置(固定宽度),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4086932/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com