html中td 的值不换行符,html中 td样式的是否换行的问题

html中 td样式的是否换行的问题

(2016-03-08 10:41:29)

标签：

java

it

从网上获取的方法总结了一下：

TD:不换行

td

单元格的nowrap属性值按照XHTML为nowrap，但是按照W3C的文档说明，不赞成使用，推荐使用样式代替，那么可以代替的样式是word-break，该css的值有normal(默认值)、break-all、keep-all

3个，

但使用时要注意的是，td元素noWrap属性的行为与td元素的width属性有关。如果未设置td宽度，则nowrap属性起作用，如果设置了td宽度，则nowrap属性不起作用。但是实际运用中发现当Html元素有width属性时，用Css也不起作用，

所有要想设置单元格中字体不换行，要去掉html元素的width属性

所以要想让td中的文字不换行，有两种方法

1.在html元素上去掉width属性(如果有的话)，加入nowrap="nowrap"属性(不推荐)

2.在html元素上去掉width属性(如果有的话)，加入word-break:keep-all css样式

TD:换行的Css

word-wrap:break-word;

word-break:break-all;

white-space:normal;

分享：

喜欢

0

赠金笔

加载中，请稍候......

评论加载中，请稍候...

发评论

登录名： 密码： 找回密码 注册记住登录状态

昵   称：

评论并转载此博文

发评论

以上网友发言只代表其个人观点，不代表新浪网的观点或立场。