Question

我正在使用指定标准表格 width的外部CSS文件，但我有一个我想要缩小的表格。如何编写内部CSS文件来指定它？

Answer 1

您可以为该表

定义“内联样式”

<table style="width:200px">

或者您可以将Style放在<head></head>标记内。

前：

<head>  
  <style type="text/css">
    #any_id_for_table{width:200px !important;} 
  </style>
</head>

<body>  
   <table id="any_id_for_table"> .... </table> 
</body>

注意:(添加！important 将覆盖其他地方定义的任何CSS。）

Answer 2

我会在表格上放置一个id或类，并指定一个针对该特定元素的样式，而不是依赖于gloabal table css样式

或者，您可以使用该特定表格上的内联样式覆盖

Answer 3

您可以在所述文档的<head>中放置一个。或者，如果您愿意，可以稍后在文档中添加样式表。

但你想要的是为表分配id="smaller"并为其添加css规则（即使在外部样式表中）。因为你特别希望一个表更小。

Answer 4

在你的头标记中添加

<style>
table
{
    // style goes here. eg: width: 100px;
}
</style>

如果不起作用，请尝试添加！重要的样式。例如：width: 100px !important;

Answer 5

您可以使用此类型的CSS

table.smaller{
 width:100px !important;
}

HTML

  <table class="smaller">
    </table>

这样可以正常工作。

表格宽度与内部样式表

5 个答案: