css样式换行整理

css控制div等块级元素的换行

一般的文字进行换行的时候,到达定义的宽度之后会自动换行(连续的英文字符和阿拉伯数字不会换行)。这是由于元素用默认属性:white-space:normal。

word-break:normal | break-all | keep-all

- word-break:normal 
按照亚洲和非亚洲语言的文本规则,允许字内换行;
- word-break:break-all

允许非亚洲语言文本的任意字内断开,不允许非亚洲语言在字内断开。适合包含一些非亚洲文本的亚洲文本;
- word-break:keep-all
对于非亚洲语言,允许字内断开,对于中韩日等亚洲语言,不允许字内断开。适合包含少量亚洲文本的非亚洲文本。

word-wrap:normal | break-word

注意:欧朋和火狐不支持该属性。
- word-warp:normal
允许内容顶开指定的边界;
- word-warp:break-word
内容将在边界内进行换行。
- word-warp:word-break
词内进行换行(欧朋和火狐不支持该属性,可以用white-space:normal代替)。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值