Question

HTML

<table style='width: 150px; border: 1px solid black;'>


 <tr>
    <td>blablabla</td>
      <td>blablabla</td>
  </tr>
     <tr>
    <td>abcd</td>
      <td>abcd</td>
  </tr>
</table>

我想将表格宽度更改为600px。我无法找出改变宽度的选择器请帮助，我正在学习CSS。

Answer 1

更改样式属性中的宽度值。

 <table style="width: 600px;">

产生一个600px宽的表。

Answer 2

你应该这样使用 -

table [style]{width:600px !important}

Answer 3

在您的代码中直接指定内容。

<table style='width: 150px; border: 1px solid black;'>

更改此

<table style='width: 600px; border: 1px solid black;'>

可选地

在表中使用一个类，并在css文件中使用选择器。

<table class="tbl" style='width: 150px; border: 1px solid black;'>

CSS

.tbl{width:600px!important} /*!important override inline css 150px*/

如果您可以删除表格中使用的内联css，则无需像这样使用!important -

<table class='tbl'>

CSS

.tbl{width:600px}

Answer 4

就这样做

<强> HTML

<table style='width: 150px; border: 1px solid black;'>


 <tr>
    <td>blablabla</td>
      <td>blablabla</td>
  </tr>
     <tr>
    <td>abcd</td>
      <td>abcd</td>
  </tr>
</table>

<强> CSS

table {
  width:600px!important;
  border:1px solid black;
}

如何使用css更改表格宽度

4 个答案: