html-如何为单元格的特定行设置固定列宽,而不考虑其他行?

html-如何为单元格的特定行设置固定列宽,而不考虑其他行?,html,Html,我有一张桌子 我想为不同的行设置不同的单元格宽度 例如,在第三行,我想设置第三列和第四列的相等列宽。无论第三列是否有文本溢出 原始输出: 预期产出: 有可能吗?非常感谢 <style type="text/css"> .tg {border-collapse:collapse;border-spacing:0;border-color:#aabcfe;margin:0px auto;} .tg td{font-family:Arial, sans-serif;font-size

我有一张桌子

我想为不同的行设置不同的单元格宽度

例如,在第三行,我想设置第三列和第四列的相等列宽。无论第三列是否有文本溢出

原始输出:

预期产出:

有可能吗?非常感谢

<style type="text/css"> .tg  {border-collapse:collapse;border-spacing:0;border-color:#aabcfe;margin:0px auto;} .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aabcfe;color:#669;background-color:#e8edff;} .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aabcfe;color:#039;background-color:#b9c9fe;} .tg .tg-s6z2{text-align:center} .tg .tg-vn4c{background-color:#D2E4FC} .tg .tg-0ord{text-align:right} .table {table-layout: fixed;} </style>


<table class="tg" table width="500">   <tr>
    <th class="tg-s6z2" colspan="6">Results</th>   </tr>   <tr>
    <td class="tg-vn4c" width="5%">No</td>
    <td class="tg-vn4c" width="15%">Competition</td>
    <td class="tg-vn4c" width="20%">John</td>
    <td class="tg-vn4c" width="20%">Adam</td>
    <td class="tg-vn4c" width="20%">Robert</td>
    <td class="tg-vn4c" width="20%">Paul</td>   </tr>   <tr>
    <td class="tg-031e">1</td>
    <td class="tg-031e">Swimming</td>
    <td class="tg-0ord" colspan="2">line1<br>line 2<br>line 3<br>12345678901234567890123451234567890<br><br></td>
    <td class="tg-0ord" colspan="2">ABCD<br><br></td>   </tr> </table>
.tg{边框折叠:折叠;边框间距:0;边框颜色:#aabcfe;边框:0px auto;}.tg td{字体系列:Arial,无衬线;字体大小:14px;填充:10px 5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;边框颜色:#aabcfe;颜色:#669;背景色:#e8edff;}.tg th{字体系列:Arial,无衬线;字体大小:14px;字体重量:正常;填充:10px 5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;边框颜色:#aabcfe;颜色:#039;背景颜色:#b9c9fe;}.tg.tg-s6z2{文本对齐:中心}.tg.tg-vn4c{背景颜色:#D2E4FC}.tg.tg.tg-0ord{文本对齐:右表}固定布局{
结果
不
竞争
约翰
亚当
罗伯特
保罗
1.
游泳
第1行
第2行
第3行
123456789012134567890123451234567890

ABCD


回答问题:

从技术上讲,是的,使用空单元格、列间距和操纵边框的表是可能的。事实上,我做到了

不要这样做
表格{
宽度:100%;
边界塌陷:塌陷;
}
th,
运输署{
边框:实心1px#000;
填充:10px;
}
noborder先生{
边界:无;
边框顶部:实心1px#000;
边框底部:实心1px#000;
}
.左边框{
左边框:实心1px#000
}
.右边界{
右边框:实心1px#000
}
不要这样做!
不
公司
约翰
马修
做记号
卢克
1.
游泳
细节
细节

回答问题:

从技术上讲,是的,使用空单元格、列间距和操纵边框的表是可能的。事实上,我做到了

不要这样做
表格{
宽度:100%;
边界塌陷:塌陷;
}
th,
运输署{
边框:实心1px#000;
填充:10px;
}
noborder先生{
边界:无;
边框顶部:实心1px#000;
边框底部:实心1px#000;
}
.左边框{
左边框:实心1px#000
}
.右边界{
右边框:实心1px#000
}
不要这样做!
不
公司
约翰
马修
做记号
卢克
1.
游泳
细节
细节

回答问题:

从技术上讲,是的,使用空单元格、列间距和操纵边框的表是可能的。事实上,我做到了

不要这样做
表格{
宽度:100%;
边界塌陷:塌陷;
}
th,
运输署{
边框:实心1px#000;
填充:10px;
}
noborder先生{
边界:无;
边框顶部:实心1px#000;
边框底部:实心1px#000;
}
.左边框{
左边框:实心1px#000
}
.右边界{
右边框:实心1px#000
}
不要这样做!
不
公司
约翰
马修
做记号
卢克
1.
游泳
细节
细节

回答问题:

从技术上讲,是的,使用空单元格、列间距和操纵边框的表是可能的。事实上,我做到了

不要这样做
表格{
宽度:100%;
边界塌陷:塌陷;
}
th,
运输署{
边框:实心1px#000;
填充:10px;
}
noborder先生{
边界:无;
边框顶部:实心1px#000;
边框底部:实心1px#000;
}
.左边框{
左边框:实心1px#000
}
.右边界{
右边框:实心1px#000
}
不要这样做!
不
公司
约翰
马修
做记号
卢克
1.
游泳
细节
细节

您可以使用听起来像是黑客攻击的样式表。因为在表属性中这样做是不可能的


您可以使用听起来像是黑客攻击的样式表。因为在表属性中这样做是不可能的


您可以使用听起来像是黑客攻击的样式表。因为在表属性中这样做是不可能的


您可以使用听起来像是黑客攻击的样式表。因为在表属性中这样做是不可能的


我不相信这是可能的。它打破了一个表的全部思想。从技术上讲,可以使用<代码> CalSPAN < /Cord>S.但是它不会很灵活,语义上也没有什么意义。我会考虑改变你的表布局。我劝你不要使用表,但它肯定可能使用嵌套表。我确实这样做了。技术上有可能使用一个表。从技术上讲,可以使用<代码> CalsApp s。但是它不会很灵活,语义上也没有什么意义。我会考虑改变你的表布局。我劝你不要使用表,但它肯定可能使用嵌套表。我不相信。在技术上有可能使用一个表。从技术上讲,可以使用<代码> COLSPAN S.但是它不会很灵活,语义上也没有什么意义。我会考虑改变你的表布局。我劝你不要使用表,但它肯定可能使用嵌套表。我不相信这是可能的。E.它打破了整个表的思想。从技术上讲,可以使用<代码> COLSPAN S.但是它不会很灵活,而且语义上也没有什么意义。我会考虑更改表布局。我劝阻您根本不使用表,但它肯定可能使用嵌套表。