当td中内容过长时，内容会溢出，换行显示，美观超级差，在td里设置这个属性 "white-space:nowrap 就可以解决排版问题啦
<td style="white-space:nowrap">非法闯入闯出亮灯处理:</td>
不美观的样式：
美观的样式：
另外，nowrap属性可以用在很多标签里面哦，美化排版效果。
Table里td中的文本过长，设置不换行，随内容同行显示(转载)
2017-09-04
1203
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
当td中内容过长时，内容会溢出，换行显示，美观超级差，在td里设置这个属性 "white-space:nowrap 就可以解决排版问题啦 非法闯入闯出亮灯处理: 不美观的样式： 美观的样式： 另外，nowrap属性可以用在很多标签里面哦，美化排版效果。
目录
相关文章
|
6月前
|
Web App开发
存储
弹性计算
|
前端开发
|
前端开发
css3 新属性 text-overflow 实现截取多余文字内容 以省略号来代替多余内容
我们在设计网站的时候有时会遇到这样一个需求：因为页面空间大小的问题，需要将多余的文字隐藏起来，并以省略号代替，类似这样的效果：
做到这样的效果，我们不仅需要运用到css3的新属性 text-overflow
，该属性的作用就是设置一下被隐藏文本的展示形式（例如隐藏文本用……展示），除此之外还需要用到属性 white-space
使文字不换行，以及使用属性 overflow:hidden
隐藏多余的文字
接下来我们就来分步讲解一下这几个属性的应用吧
326
0
0
|
容器
第152天：表单短标题的两端对齐
在做前端界面的时候，比如一些文字的列表或者一些表单的标题，经常是2个字，3个字，4个字的类型。
一般对齐就是在中间打空格或者用 来空开，但是效果并不好，兼容性有问题，造成不美观。经过一番折腾，
找到了比较好的办法解决。
1024
0
0
热门文章
最新文章
1
SpringBoot开发案例之整合Dubbo提供者(一)
2
阿里AI上岗双11服装车间，能识别头发丝直径十分之一的瑕疵
3
Webpack构建library时的踩坑经历
4
安装nginx：src/os/unix/ngx_user.c:26:7: error: ‘struct crypt_data’ has no member named ‘curren
5
字节流套接口的读写
6
【转】类别catagory的用法
7
lsof 命令
8
TeamCity : 自动触发 Build
9
建站篇-用户认证系统-管理员登陆后台
10
asp.net学习之ado.net(无连接模式中的DataAdapter)
1
VideoChat：高效学习新神器！一键解读音视频内容，结合 AI 生成总结内容、思维导图和智能问答
40
2
《C++巧筑智能框架根基：开启 AI 开发新航道》
30
3
《跨越语言壁垒：Python 人工智能原型到 C++可执行程序的转型之路》
26
4
Go语言中json序列化的一个小坑，建议多留意一下
26
5
JVM常见面试题（四）：垃圾回收
26
6
C语言物联网开发之设备安全与代码可靠性隐患
22
7
C语言物联网开发之设备安全与代码可靠性隐患
20
8
C 语言物联网开发之网络通信与数据传输难题
19
9
Linux服务器安全
16
10
Web应用防火墙（WAF）与数据库应用防火墙有什么区别？
19