-2

我创建了一个带有 的表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内容之外。

4

6 回答 6

2

表的width属性默认解释为min-width. 当单元格内容超过指定的表格/单元格宽度时，表格/单元格宽度会根据其内容进行相应的拉伸。要修复它，请覆盖默认的table-layout属性：

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

http://jsfiddle.net/zEDcU/

于 2013-08-15T10:13:08.897 回答
1

给表一个类或一个ID

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

然后用 css 设置它

#id_name {width:100%}
.class_name {width:100%}
于 2013-08-15T09:47:01.040 回答
1

到头：

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

对身体：

<table class="my">
  <tr>
    <td>
    </td>
  </tr>
</table>
于 2013-08-15T09:51:02.137 回答
0

首先，您需要使用 css(style) 设置表格的宽度。当直接在 HTML 标签中设置宽度时，它将随着内容的增加而自动增加宽度，尤其是图像。如果内容类似于图像，您还可以通过设置内容的宽度来控制问题。

于 2013-08-15T10:07:34.967 回答
0

表格有单元格。每个单元格都有宽度、填充、边框和边距，就像每个 html 元素一样。要删除单元格的初始边距/填充，您可以使用 . 然后，您可以在 CSS 中使用 td { } 向单元格添加自定义样式，或者如果您想要更具体的内容，则必须向单元格添加类或 ID，然后使用 CSS 设置样式。

于 2013-08-15T09:46:13.167 回答
0

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

桌子：

   .table1

表行：

.table1 tr

表 td：

.table1 tr td
于 2013-08-15T09:44:53.797 回答