最近在开发前端页面时总是碰到一个不大不小的问题:td元素的文字并没有占满一整行却换行了,就是下面这个效果:
我试了几种方法都没有成功,于是就在网上搜索了一下,结果让我发现了一个属性:nowrap,很实用,在这里分享一下(本人前端小白,之前确实不知道有这一属性,大神们无视我吧,勿喷)。
这属性直接加入到代码中即可,很方便:
使用后的效果是这样:
nowrap的作用就是规定表格单元格中的内容不换行。此属性所有浏览器都支持。
但要注意的是,td元素nowrap属性的行为与td元素的width属性有关。如果未设置td宽度,则nowrap属性起作用的,如果设置了td宽度,则nowrap属性不起作用。
想了解更多可以访问:http://www.w3school.com.cn/tags/att_td_nowrap.asp
欢迎大家来交流指正。
转载自原文链接, 如需删除请联系管理员。
原文链接:很实用的属性:nowrap,转载请注明来源!