Question

我创建了一个带有width="610"的表，但是溢出超出了表的边界。我想仅使用CSS来阻止此操作，但我不确定如何执行此操作

HTML

<p></p>
<div id="content">
  <div id="fill">
    <table border="0" cellpadding="0" cellspacing="5" style="width: 610px;" width="100%">
      <tbody>
        <tr>
          <td style="width: 3%;">
            <p></p>
          </td>
          <td style="width: 97%;">
            <p><a href=""></a></p>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>

<a href="">中的内容扩展到div内容之外。

Answer 1

表的width属性默认解释为min-width。当单元格内容超过指定的表格/单元格宽度时，表格/单元格宽度将根据其内容进行拉伸。要解决此问题，请覆盖默认的table-layout属性：

.table1 {
    table-layout:fixed;
}
.table1 td {
    word-wrap:break-word;
}

http://jsfiddle.net/zEDcU/

Answer 2

给表格一个类或一个id

<table class="class_name" id="id_name"></table>

然后使用css

设置样式

#id_name {width:100%}
.class_name {width:100%}

Answer 3

头部：

<style type="css">
  table.my { width:610px; ... }
    table.my tr { ... }
</style>

身体：

<table class="my">
  <tr>
    <td>
    </td>
  </tr>
</table>

Answer 4

你可以给你的表类并使用这个类：

表：

   .table1

表格行：

.table1 tr

表td：

.table1 tr td

Answer 5

表格有细胞。每个单元格都有宽度，填充，边框和边距，就像每个html元素一样。要删除可以使用的单元格的初始边距/填充。然后你可以在你的CSS中使用td {}来为单元格添加custrom样式，或者如果你想要更具体的东西，你必须在你的单元格中添加类或id，然后使用CSS来设置它们的样式。

Answer 6

首先，您需要使用css（样式）设置表的宽度。当直接在HTML标签中设置宽度时，随着内容的增加，宽度将自动增加，特别是图像。您还可以通过将宽度设置为内容（如图像。

）来控制问题

如何使用css管理表内容

6 个答案: