文档章节

[转载]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

没有更多内容

加载失败,请刷新页面

加载更多

5whys分析法在美团工程师中的实践

前言 网站的质量和稳定性对于用户和公司来说至关重要,但是在网站的快速发展过程中,由于各种原因导致事故不可避免的发生,这些大大小小的事故对公司难免会造成一些负面的影响,为了避免同类...

Skqing
21分钟前
0
0
Android 接收监听开机完成,并且开机自启动

1,定义一个广播接收者的类 ,并重写抽象方法 public class BootCompleteReceiver extends BroadcastReceiver 2,在Androidmanifest 注册 <receiver android:name=".receiver.BootCompleteRece......

lanyu96
24分钟前
1
0
小程序记录

1、button的边框、角等需要在伪元素after修改去除

originDu
27分钟前
0
0
微博什么技术啊……还说支持八个明星并发出轨,结果…

是的,大家可能都知道了,女神张靓颖结婚了。。 我去,写错了,是————赵丽颖。 为什么我头脑一瞬间出现的是张靓颖,作为一个码农,技术宅,拼音缩小都是 ZLY,博主我真有点傻傻分不清楚了...

Java技术栈
27分钟前
3
0
模块化

1,什么是模块化? 模块化是指将一个复杂的系统分解为多个模块,方便编码。 2,为什么要用模块化? 降低复杂性,降低代码耦合度,部署方便,提高效率。 3,模块化的好处? a,避免命名冲突,减少...

羊皮卷
27分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部