css设置表格滚动条
css表格⽂字不换⾏怎么设置？
很多时候，我们在项⽬开发中会出现，单元格内容由于太多导致的换⾏问题，让表格显得⾮常的丑陋。下⾯我们来看⼀下使⽤css设置表格内⽂字不换⾏的⽅法。
css可以通过为表格table与td标签设置white-space:nowrap；样式使表格内⽂字不换⾏。
代码如下：
/*让单元格内容过多时也不换⾏*/
#datasTablediv table td{
white-space: nowrap;
}
white-space 属性设置如何处理元素内的空⽩。
这个属性声明建⽴布局过程中如何处理元素中的空⽩符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
属性值：
normal 默认。空⽩会被浏览器忽略。
pre 空⽩会被浏览器保留。其⾏为⽅式类似 html 中的 <pre> 标签。
nowrap ⽂本不会换⾏，⽂本会在在同⼀⾏上继续，直到遇到 <br> 标签为⽌。
pre-wrap 保留空⽩符序列，但是正常地进⾏换⾏。
pre-line 合并空⽩符序列，但是保留换⾏符。
inherit 规定应该从⽗元素继承 white-space 属性的值。
⽰例：
css代码：
table {
border : 1px solid red;
}
td {
white-space:nowrap;
text-overflow:ellipsis;
width:50px;
overflow:hidden;
display: block;
}
html代码：
<table>
<tr><td>此处⽂本超过设定的宽度</td></tr>
</table>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。