0
0
高洛峰
发布时间：2017-06-06 09:24:55
|3084人浏览过
|来源于php中文网
原创
很多的新手朋友们会在做开发的过程中，总会遇到或多或少的问题，之前看到有人问怎么让多余的文字隐藏显示并使用...表示，今天呢，就给大家解决这个问题，直接上代码，代码如下
table{
width:100px;
table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */ }
td{
width:100%;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；
需与overflow:hidden;一起使用*/ } 相关文章
css flex布局兼容性问题怎么办_使用前缀和降级方案保证兼容
如何在CSS中使用sticky制作表格首列固定效果_left sticky应用
css清除浮动有哪些方法_css空标签与伪元素对比
css表格样式美化方便吗_使用Bulma表格组件快速美化
css框架表格响应式滚动条不显示怎么办_使用is-scrollable或overflow auto类
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
