table中 td th 单行显示不下显示...

遇到这种情况，我们第一个想到的就是

white-space:nowrap;规定段落中的文本不进行换行

overflow:hidden;关闭滚动条

text-overflow: ellipsis;溢出的文字显示为省略号

但是我实际编写过程中遇到一个问题：高度撑开太高，宽度也很宽

解决：用这些属性，table要有一个属性设置的前提

在table中必须设置style:table-layout: fixed;

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,845评论 1赞 92
  • table表格里应用省略号text-overflow:ellipsis;
    本文参考：ccs2.1中文版规范 http://www.ayqy.net/doc/css2-1/cover.htm...
    孙雪冬阅读 1,799评论 0赞 2
  • 十·CSS常用样式
    1.块级元素和行内元素 块级(block-level)元素；行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,067评论 1赞 4
  • CSS要点记录
    CSS要点记录 CSS 指层叠样式表 (Cascading Style Sheets) 多种样式时的优先级问题 数...
    Tony__Hu阅读 1,203评论 0赞 0
  • 发票登报挂失流程
    由于空白发票还不涉及到受票方的利益，目前来说还好处理。我国发票管理办法中针对丢失空白发票有这样的规定：发生发票丢失...
    2h400X0V阅读 1,234评论 0赞 0