Css 将td的宽度设置为自动?

Css 将td的宽度设置为自动?,css,Css,我有一个atd,内联样式将其宽度设置为百分比。我可以修改css,但不能修改html 如何使td仅占用其内容所需的宽度 以下CSS不起作用: td#my { width: auto !important; } 尝试: td#我的{宽度:继承!重要;} 或 td#我的{宽度:0%!重要;}试试: td#我的{宽度:继承!重要;} 或 td#my{width:0%!important;}您需要遵守CSS专用性规则。(这样做可以避免使用!重要) 内联样式的权重为1000,其中ID为100,

我有一个a
td
,内联样式将其
宽度设置为百分比。我可以修改css,但不能修改html

如何使
td
仅占用其内容所需的宽度

以下CSS不起作用:

td#my 
{
    width: auto !important;
}
尝试:

td#我的{宽度:继承!重要;}

td#我的{宽度:0%!重要;}

试试:

td#我的{宽度:继承!重要;}


td#my{width:0%!important;}

您需要遵守CSS专用性规则。(这样做可以避免使用!重要)

内联样式的权重为1000,其中ID为100,元素为1。因此,为了确保正确使用css规则,您需要密切注意这一点。上面链接的文章在解释特定性方面做得比我所希望的要好得多。读它,研究它,热爱它


这并不能直接回答你的问题:这是一篇信息丰富的文章,实际上可以通过允许你采取不同的路线来解决你的问题

您需要遵守CSS专用性规则。(这样做可以避免使用!重要)

内联样式的权重为1000,其中ID为100,元素为1。因此,为了确保正确使用css规则,您需要密切注意这一点。上面链接的文章在解释特定性方面做得比我所希望的要好得多。读它,研究它,热爱它


这并不能直接回答你的问题:这是一篇信息丰富的文章,实际上可以通过允许你采取不同的路线来解决你的问题

您可能还需要对表中其他单元格的css进行一些更改。深入研究以下内容,了解如何计算单元格宽度

发件人:

列宽的确定如下所示:

  • 计算每个单元格的最小内容宽度(MCW):格式化 内容可以跨越任意行数,但不能溢出单元格 盒子。如果单元格的指定“宽度”(W)大于MCW,W 是最小单元格宽度。值“auto”表示MCW是 最小单元格宽度。 大宗报价

    另外,计算每个单元格的“最大”单元格宽度:格式化 除显式换行以外不换行的内容 发生

  • 对于每列,根据 仅跨该列的单元格。最低要求是 具有最大最小单元格宽度(或“宽度”列)的单元格, 以较大者为准)。最大值是具有 最大单元格宽度(或“宽度”列,以较大者为准 更大)

  • 对于跨越多个列的每个单元格,增加最小值 它跨越的柱的宽度,以便它们在一起至少是相同的 宽如牢房。对最大宽度执行相同操作。如果可能的话, 将所有跨距柱加宽大约相同的量

  • 对于除“自动”之外的“宽度”的每个列组元素, 增加其跨越的柱的最小宽度,以便 它们的宽度至少与列组的“宽度”相同

  • 这为每列提供了最大和最小宽度


    您可能还需要对表中其他单元格的css进行一些更改。深入研究以下内容,了解如何计算单元格宽度

    发件人:

    列宽的确定如下所示:

  • 计算每个单元格的最小内容宽度(MCW):格式化 内容可以跨越任意行数,但不能溢出单元格 盒子。如果单元格的指定“宽度”(W)大于MCW,W 是最小单元格宽度。值“auto”表示MCW是 最小单元格宽度。 大宗报价

    另外,计算每个单元格的“最大”单元格宽度:格式化 除显式换行以外不换行的内容 发生

  • 对于每列,根据 仅跨该列的单元格。最低要求是 具有最大最小单元格宽度(或“宽度”列)的单元格, 以较大者为准)。最大值是具有 最大单元格宽度(或“宽度”列,以较大者为准 更大)

  • 对于跨越多个列的每个单元格,增加最小值 它跨越的柱的宽度,以便它们在一起至少是相同的 宽如牢房。对最大宽度执行相同操作。如果可能的话, 将所有跨距柱加宽大约相同的量

  • 对于除“自动”之外的“宽度”的每个列组元素, 增加其跨越的柱的最小宽度,以便 它们的宽度至少与列组的“宽度”相同

  • 这为每列提供了最大和最小宽度


    默认情况下,表格单元格为自动宽度,但它们占用其列中最宽单元格的最小宽度。以这个为例

    td1|td2|td3|
    
    1  |2  |3  |
    
    基于第一行,这些单元格的宽度都相同。我想不出有什么办法强迫它这么做:

    td1|td2|td3|
    
    1|2|3|
    

    这听起来像是你正在尝试做的事情,无论如何都要改变HTML。

    默认情况下,表格单元格是自动宽度,但是它们占据了其列中最宽单元格的最小宽度。以这个为例

    td1|td2|td3|
    
    1  |2  |3  |
    
    基于第一行,这些单元格的宽度都相同。我想不出有什么办法强迫它这么做:

    td1|td2|td3|
    
    1|2|3|
    

    这听起来像是你在尝试做的事情,不管怎么说,都要改变HTML。

    你能举一个JSFIDLE的例子吗?也许可以查看关于如何计算表宽以及设置这类内容的不同方法的详细说明。你能给我们一些更详细的上下文吗?表
    html
    结构至少可以