html - CSS如何使<TD>固定高度?

标签 html css

<table  cellspacing="0" id="contactTable" style="table-layout:table-layout:fixed;; width:100%; font-weight:normal; position: absolute; top:45; left: 0;">

<td height="50" style="padding-left:5px; overflow:hidden; ">
    <span style="text-transform:capitalize;line-height:100%;">
    //names here
    </span>                          
    </td>

...more code
</table>

这行不通。溢出仍在使单元格变高,高度正在适应内容。

最佳答案

最好的解决方案是在单元格内放置一个高度为:

<td style="padding-left:5px;">
  <div style="height: 50px; overflow:hidden;">
      ...
  </div>
</td>

顺便说一句,跨度是什么?如果您只需要它来设置样式,您可以直接设置单元格的样式。

关于html - CSS如何使<TD>固定高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5091179/

相关文章:

javascript - 删除按钮无法正常工作(DOM)

javascript - 如何在 Angular 的 ng 类中使用内联样式?

css - Jekyll 站点地图排除不起作用

html - 溢出表TD宽度相对宽度

HTML p 标签采用其父标签的高度,而不是其内容

html - 在文本旁边对齐 <p> 内联

html - 使用 CSS 的响应式 div

javascript - 我正在尝试使用 JSON 文件构建一个表。这有什么问题吗?

html - 字体在 IE 或 Edge 中不工作

html - Firefox 无法通过 HTTPS 加载 CSS 文件