失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > CSS对表格单元格强制换行和不换行

CSS对表格单元格强制换行和不换行

时间:2022-11-30 04:53:58

相关推荐

CSS对表格单元格强制换行和不换行

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习推荐的CSS对表格单元格强制换行和不换行,过去的都会过去,迎接崭新的开始,释放更美好的自己。

CSS控制Table单元格强制换行与强制不换行

我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。

近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗?

用CSS实现Table单元格数据自动换行或不换行的实现方法:

1、强制换行:

style type="text/css"

.AutoNewline

{

word-break: break-all;/*必须*/

}

/style

table

tr

td class="AutoNewline"自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行/td

/tr

/table

2、强制不换行:

style type="text/css"

.NoNewline

{

word-break: keep-all;/*必须*/

}

/style

table

tr

td class="NoNewline"不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行/td

/tr

/table

如果觉得《CSS对表格单元格强制换行和不换行》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。