html table td 内容过多
2018-02-01 14:22
281 查看
table {
width:
100%;
table-layout:
fixed;
}
td {
white-space:nowrap;
overflow:
visible;
word-break:keep-all;
}
当需要应藏超出td宽度内容时,设置overflow属性为hidden。反之为visible。
white-space:nowrap 不换行。
word-break:
width:
100%;
table-layout:
fixed;
}
td {
white-space:nowrap;
overflow:
visible;
word-break:keep-all;
}
当需要应藏超出td宽度内容时,设置overflow属性为hidden。反之为visible。
值 | 描述 |
---|---|
visible | 默认值。内容不会被修剪,会呈现在元素框之外。 |
hidden | 内容会被修剪,并且其余内容是不可见的。 |
scroll | 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 |
auto | 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 |
inherit | 规定应该从父元素继承 overflow 属性的值。 |
值 | 描述 |
---|---|
normal | 默认。空白会被浏览器忽略。 |
pre | 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 |
nowrap | 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。 |
pre-wrap | 保留空白符序列,但是正常地进行换行。 |
pre-line | 合并空白符序列,但是保留换行符。 |
inherit | 规定应该从父元素继承 white-space 属性的值。 |
值 | 描述 |
---|---|
normal | 使用浏览器默认的换行规则。 |
break-all | 允许在单词内换行。 |
keep-all | 只能在半角空格或连字符处换行。 |
相关文章推荐
- C#正则表达式 解析html+table tr td 内容
- Html table td 内容自动换行
- HTML-Table-Td固定宽度使内容换行
- UIWebView中加载HTML的Table,td设置百分比宽度并且宽度不被里面的内容撑开
- html table中td内容超出显示.怎么实现
- HTML怎么让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替?
- HTML怎么让table中的td内容过长显示为固定长度,多余部分用省略号代替
- HTML table的td内容过长时,自动隐藏效果
- HTML怎么让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替?
- html css table中内容过多导致挤压变形的问题
- div\table\tr\th\td显示内容不换行设置
- 正则表达式。取Html中Table中的Td里面的值
- html table td 边框效果
- html页面常规跳转的两种方法table td控制
- 将HtmlTable内容导出到Excel,使用NPOI组件
- html把table元素的td元素限定为固定的宽度,超出的字用省略号代替
- html table tr td br 什么意思 缩写
- html中的table的th,td,caption等
- html table表格导出excel的方法 html5 table导出Excel HTML用JS导出Excel的五种方法 html中table导出Excel 前端开发 将table内容导出到excel HTML table导出到Excel中的解决办法 js实现table导出Excel,保留table样式
- HTML的Table单元格无内容时不显示边框的解决方案