table中td单元格文字不换行的方法

gigipop 2013-06-23

td单元格的nowrap属性值按照XHTML为nowrap,但是按照W3C的文档说明,不赞成使用,推荐使用样式代替,那么可以代替的样式是word-break,该css的值有normal(默认值)、break-all、keep-all3个,但使用时要注意的是,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-allcss样式

相关推荐

末点 / 0评论 2020-06-27