CSS强制TD不换行

lkylgx

lkylgx

2016-02-19 19:47

下面是个简单易学的CSS强制TD不换行教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

  1、给table加上style="table-layout:fixed"; 

  2、给td加上style="width:100px;text-overflow:ellipsis; word-break:keep-all; overflow:hidden;" 

  js生成TABLE cell的时候,cell里文字过多的时候似乎以上方法也不太好用。可以直接这样: 

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

  cell.innerHTML="nobar"+"文字"+"/nobar"; 

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

  强制不换行。

展开更多 50%)
分享

猜你喜欢

CSS强制TD不换行

Web开发
CSS强制TD不换行

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

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

s8lol主宰符文怎么配

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

火狐/IE浏览器flash透明,css强制不换行,溢出隐藏

Web开发
火狐/IE浏览器flash透明,css强制不换行,溢出隐藏

CSS控制H1不换行

Web开发
CSS控制H1不换行

lol偷钱流符文搭配推荐

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

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

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

CSS自动换行

Web开发
CSS自动换行

lolAD刺客新符文搭配推荐

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

CSS Sprites技术以及图片优化

CSS Sprites技术以及图片优化

ORACLE之常用FAQ V1.0二(构架体系)

ORACLE之常用FAQ V1.0二(构架体系)
下拉加载更多内容 ↓