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单元格不换行如何解决


猜你喜欢
- ajax请求后台接口数据与返回值处理js的实例讲解 2023-02-23
- CSS3实现超酷的黑猫警长首页 2023-12-15
- jQuery Validate表单验证插件实现代码 2024-01-04
- 前端打包到后台Vue elementui字体图标显示问题解决方案 2023-10-08
- WeUI中文文档官网介绍 2025-01-18
- 纯CSS实现兼容IE7及以上宽度自适应无限级导航菜单附演示 2024-02-21
- daisyUI如何快速搭建使用 2025-01-17
- 【Azure 应用服务】部署Azure Web App时,是否可以替换hostingstart.html文件呢? 2023-10-27
- 基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号) 2023-12-23
- Three.js实现简单3D房间布局 2023-12-26