覆盖表格的内联css宽度

时间:2016-07-08 18:23:13

标签: html css html-table

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

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

我无法控制标记,我想使用CSS为该表提供100%的宽度。一种解决方案是使用&#34; display:block&#34;防止表溢出,但表格单元格崩溃到其内容的大小,这不是我想要的。这可能吗?

Here's a JSFiddle to illustrate the problem.

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

CSS width and max-width combined

CSS: table {width:100%; display:block;} not working in Firefox

2 个答案:

答案 0 :(得分:4)

使用CSS's !important declaration

table{
    width:100% !important;
}

答案 1 :(得分:0)

你必须制作一种风格,说我的自定义风格比&#34;默认&#34;更重要。风格。

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

table{ width: 100% !important; }

上面应该给你你想要的东西。