table单元格不换行如何解决,下面编程教程网小编给大家简单介绍一下具体解决代码!
解决代码如下:
td {
display: block;
width:100px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
属性值介绍:
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 html 中的 <pre> 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。
以上是编程学习网小编为您介绍的“table单元格不换行如何解决”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:table单元格不换行如何解决


基础教程推荐
猜你喜欢
- BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟) 2023-12-02
- js页面跳转的问题(跳转到父页面、最外层页面、本页面) 2024-02-10
- Vue中如何把hash模式改为history模式 2024-03-20
- vue提示跨域应该怎么解决 2025-01-18
- python3之Splash的具体使用 2024-04-25
- html5的表单标签 2023-10-27
- 网站加载中loading..样式二代码介绍 2025-01-21
- Vue结合Video.js播放m3u8视频流的方法示例 2024-01-06
- uniapp组件之tab选项卡滑动切换功能实现 2024-04-03
- Json格式详解 2023-08-12