覆盖表格的内联css宽度[重复]答案

【问题标题】：Overriding a table's inline css width [duplicate]覆盖表格的内联css宽度[重复]
【发布时间】：2023-03-27 21:25:01
【问题描述】：

我有一个使用内联 css 设置静态宽度的表格。

<table style="width:700px;"></table>

我无法控制标记，我想使用 CSS 为该表格设置 100% 的宽度。一种解决方案是使用“display:block”来防止表格溢出，但是表格单元格会折叠到其内容的大小，这不是我想要的。这可能吗？

我遇到过很多这样的问题，但不是这个特定的问题。以下是一些类似的 SO 问题，以防它们对其他人有所帮助：

【问题讨论】：

在小提琴中，父 div 显式设置为 500 像素，而 table 设置为 700px，这导致了问题。为什么你不能只做<table style="width: 100%;"></table>
@hesonline - 我希望！但我无法控制标记:(

【解决方案1】：

使用CSS's !important declaration

table{
    width:100% !important;
}

【讨论】：

【解决方案2】：

您必须创建一种样式，表明我的自定义样式比“默认”样式更重要。

为此，您必须使用!important 子句。

table{ width: 100% !important; }

以上内容应该可以满足您的需求。

【讨论】：