给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的CSS实现Table单元格自动换行或不换行,过去的都会过去,迎接崭新的开始,释放更美好的自己。
【 tulaoshi.com - Web开发 】
用CSS实现Table单元格数据自动换行或不换行的实现方法:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)1、强制换行:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)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
来源:http://www.tulaoshi.com/n/20160219/1606580.html
看过《CSS实现Table单元格自动换行或不换行》的人还看了以下文章 更多>>