Html 100%宽度的工作台，三个立柱在div中_Html_Html Table_Width

Html 100%宽度的工作台，三个立柱在div中

html

Html 100%宽度的工作台，三个立柱在div中,html,html-table,width,Html,Html Table,Width,我正在尝试制作一个在div中包含一个表的网页。该表的宽度为100%，共有三列。但是当我调整窗口大小时，桌子不会调整它的宽度这是我正在使用的代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>Test</title> </head> <body> <div style="width: 1400px; margin-

我正在尝试制作一个在div中包含一个表的网页。该表的宽度为100%，共有三列。但是当我调整窗口大小时，桌子不会调整它的宽度

这是我正在使用的代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
</head>

<body>
<div style="width: 1400px; margin-left: auto; margin-right: auto">
  <table width="100%" border="0">
    <tbody>
      <tr>
        <td style="background-color: aqua; padding-left: 10px; padding-right: 10px; padding-top: 10px">Text.</td>
        <td style="background-color: #DD185B; padding-left: 10px; padding-right: 10px; padding-top: 10px">Text.</td>
        <td style="background-color: aqua; padding-left: 10px; padding-right: 10px; padding-top: 10px">Text.</td>
      </tr>
    </tbody>
  </table>
</div>
</body>
</html>


试验
文本。
文本。
文本。

表的宽度是父元素的100%，在本例中是您的div。您的div设置为1400px，因此表也是1400px。

div width正在修复css属性


文本。
文本。
文本。

div width正在修复css属性


文本。
文本。
文本。

只需将

宽度：1400px

更改为

最大宽度：1400px
宽度是固定的，最大宽度是您可以达到的最大宽度


试验
文本。
文本。
文本。
只需将宽度：1400px
更改为最大宽度：1400px
宽度是固定的，最大宽度是您可以达到的最大宽度


试验
文本。
文本。
文本。
表格为父元素的100%宽度。在您的例子中，父元素是一个固定宽度为1400px的DIV。删除父DIV的width属性。表是父元素的100%宽度。在您的例子中，父元素是一个固定宽度为1400px的DIV。删除父分区Thnx m8的宽度属性！工作正常。Thnx m8！很好。
<div style="margin-left: auto; margin-right: auto">
  <table width="100%" border="0">
    <tbody>
      <tr>
        <td style="background-color: aqua; padding-left: 10px; padding-right: 10px; padding-top: 10px">Text.</td>
        <td style="background-color: #DD185B; padding-left: 10px; padding-right: 10px; padding-top: 10px">Text.</td>
        <td style="background-color: aqua; padding-left: 10px; padding-right: 10px; padding-top: 10px">Text.</td>
      </tr>
    </tbody>
  </table>
</div>