文档章节

[转载]css控制文字换行

Kilar
 Kilar
发布于 2015/12/08 16:18
字数 307
阅读 13
收藏 0

 .zjtext{ font-size:12px; color:#fff; padding:5px; width:100px;white-space:normal; overflow:hidden; }

以上是我引用的,关键语:white-space:normal; overflow:hidden;

强制不换行
p.www_52css_com {
  white-space:nowrap;
  }
自动换行
p.www_52css_com {
  word-wrap: break-word;
  word-break: normal;
  }
强制英文单词断行
p.www_52css_com {
  word-break:break-all;
  }

CSS设置不换行:

  overflow:hidden 溢出隐藏
  white-space:nowrap 不换行
  pre 换行和其他空白字符都将受到保护
  nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象

CSS设置强制换行:

  word-break:break-all 强制断开实现转行
  normal ; 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
  break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
  keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法
  设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。对于中文,应该使用break-all 。


本文转载自:http://blog.sina.com.cn/s/blog_a28772e40101ai5b.html

共有 人打赏支持
Kilar
粉丝 5
博文 64
码字总数 2561
作品 0
肇庆
程序员
私信 提问
CSS的word-break 属性

<!DOCTYPE html><html><head><style> p.test1{width:150px; border:1px solid #000000; } p.test2{width:150px; border:1px solid #000000; }</style></head><body> <p class="test1">This i......

徐建兴
2014/03/14
0
0
解决文字和text-decoration:underline下划线重叠问题

解决文字和text-decoration:underline下划线重叠问题 张鑫旭-鑫空间-鑫生活2016-11-2240 阅读 box-shadowgradientcanvasfilterborder by zhangxinxu from http://www.zhangxinxu.com/wordpr......

张鑫旭-鑫空间-鑫生活
2016/11/22
0
0
div、p、td 的强制不换行及强制换行

关于强制不换行、强制换行的话题在网上已经被讨论了无数次,但我发现都不够全面,没有充分考虑各种浏览器、各种标签等情况,以致不兼容,所以我再来说说。由于 div 和 p 在本文的讨论中,效果...

王超
2014/03/20
0
0
div+CSS设置一行内文字超过宽度不换行且不显示

当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果我们不想让他换行显示那要怎么办呢?看到这个标题很容易就会想到截断文字加“...”的做法。 一般的文字截断(适...

emberma
2014/06/25
0
0
跨浏览器开发经验总结(二) —— CSS

css hack的使用 CSS类级别的hack仅IE7识别 +html {…} IE6及IE6以下识别 html {…} opera、safari、chrome识别: @media all and (min-width: 0px){…} //Firefox3.0.6不识别,但Firefox3.6也......

leenash
2010/09/08
258
2

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周五乱弹 —— 这就是不要女朋友的理由

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @狄安娜的猫 :分享丁家鑫的单曲《丁家鑫 - 克罗地亚狂想曲 - 古筝remix》 《丁家鑫 - 克罗地亚狂想曲 - 古筝remix》 手机党少年们想听歌,请...

小小编辑
21分钟前
124
6
CentOS配置Tomcat监听80端口,虚拟主机

Tomcat更改默认端口为80 更改的配置文件是: /usr/local/tomcat/conf/server.xml [root@test-a ~]# vim /usr/local/tomcat/conf/server.xml # 找到 Connector port="8080" protocol="HTTP/1......

野雪球
今天
5
0
《稻盛和夫经营学》读后感心得体会3180字范文

《稻盛和夫经营学》读后感心得体会3180字范文: 一代日本经营之圣稻盛和夫凭借刻苦勤奋的精神以及深植于佛教的商业道德准则,成为了“佛系”企业家的代表人物。在《稻盛和夫经营学》“领导人...

原创小博客
今天
4
0
java框架学习日志-5(常见的依赖注入)

依赖注入(dependency injection) 之前提到控制反转(Inversion of Control)也叫依赖注入,它们其实是一个东西,只是看的角度不同,这章详细说一下依赖注入。 依赖——指bean对象创建依赖于...

白话
今天
5
0
红外接收器驱动开发

背景:使用系统的红外遥控软件没有反应,然后以为自己接线错误,反复测试,结果烧坏了一个红外接收器,信号主板没有问题。所以自己开发了一个红外接收器的python驱动。接线参见https://my.os...

mbzhong
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部