Question

我尝试创建一个带有溢出的表格单元格<td>，但它不起作用...

有我的CSS代码：

td.blog_content
{
    max-height: 50px;
    overflow: auto;
    width: 360px;
    text-align: left;
    padding: 2px;
}

我的HTML：

<td class="blog_content"><?php echo $blog['content']; ?></td>

如果文字太长，它会创建一个带滚动条的简单框...

Answer 1

尝试将其包裹在<div>中。我非常确定没有为<td>元素定义overflow属性，至少在HTML4中没有定义。

<td class="blog_content">
    <div><?php echo $blog['content']; ?></div>
</td>

.blog_content div {
    height: 50px;
    max-height: 50px;
    overflow: auto;
}

Answer 2

在包含您的单元格的table-layout: fixed;上设置table。或者，将每个单元格的内容包装在div中，然后将样式应用于该单元格。

Answer 3

好像你必须将内容包装成div：

<td class="blog_content"><div><?php echo $blog['content']; ?></div></td>

td.blog_content div
{
    max-height: 50px;
    overflow: auto;
    width: 360px;
    text-align: left;
    padding: 2px;
}

演示：http://dabblet.com/gist/1747301

Answer 4

我不确定您是否可以在表格单元格中强制overflow: auto滚动条，但您确定可以使用div - 标记。您考虑过使用div吗？

Answer 5

你可以把：

<td class="blog_content">
  <div style="overflow:auto;width:200px;">
      <?php echo $blog['content']; ?>
  </div>
</td>

添加DIV元素将具有固定的高度或宽度，overflow属性将自动滚动。

溢出属性打开不会创建滚动条

5 个答案: