CSS实现Table单元格自动换行或不换行

王者归来之骑士

王者归来之骑士

2016-02-19 14:16

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的CSS实现Table单元格自动换行或不换行,过去的都会过去,迎接崭新的开始,释放更美好的自己。

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

  1、强制换行:

style type="text/css"
.AutoNewline
{
  word-break: break-all;/*必须*/
}
/style
table
tr
  td class="AutoNewline"自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行/td
/tr
/table

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  2、强制不换行:


style type="text/css"
.NoNewline
{
word-break: keep-all;/*必须*/
}
/style
table
tr
  td class="NoNewline"不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行/td
/tr
/table

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

CSS实现Table单元格自动换行或不换行

Web开发
CSS实现Table单元格自动换行或不换行

css实现强制不换行/自动换行/强制换行

Web开发
css实现强制不换行/自动换行/强制换行

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

excel单元格内换行

电脑入门
excel单元格内换行

Excel单元格中数据如何自动换行以便适应单元格的大小

软件教程 电脑应用 excel
Excel单元格中数据如何自动换行以便适应单元格的大小

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS强制TD不换行

Web开发
CSS强制TD不换行

CSS自动换行

Web开发
CSS自动换行

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS定义标题的实例讲解

CSS定义标题的实例讲解

构建一个容易单元测试的java--web系统

构建一个容易单元测试的java--web系统
下拉加载更多内容 ↓