Question

我遇到了这个模板，用于流畅的简报模板。我可以理解它的工作方式：它是一个100％宽的表，有三个 td 。第一个和第三个 td ＆＃39;围绕第二个 td ＆＃39;在使浏览器窗口变小时可以看到它们的功能。令我困惑的是第二个 td ＆＃39;的固定宽度。

＆＃13;

<html>
<head>
    <title>Title</title>
</head>
<body>

<table width="100%">
    <tr>
      	<td bgcolor="#ff0000">&nbsp;</td>
      	<td width="600" bgcolor="#ffffff">
          
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

        </td>
        <td bgcolor="#ff0000">&nbsp;</td>
    </tr>
</table>
</body>
</html>

＆＃13;

正如您所看到的，它具有600px的定义静态宽度，但是当窗口小于600px时，它也会变得更小，就像其他两个＆＃39; < strong> td 旁边有一个水平滚动条。不是静态宽度定义＆＃34;非流体＆＃34;？这是如何工作的？

Answer 1

默认表有table-layout：auto;这就是为什么它在手机上调整。如果设置为table-layout：fixed;然后它会破裂。检查此链接 table-layout

这是如何响应？

1 个答案: