css自动换行如何设置?url太长会撑开页面
2016-07-15 12:04
543 查看
我们更新文章时如果有引用其他文章一般会带一个原文url,但这个链接如果太长的话会把内容的版块撑开,整个排版乱了。那我们能不能设置css自动换行呢?如下图所示,其实只要两个样式就能搞定
![](https://images2015.cnblogs.com/blog/567218/201607/567218-20160715120202061-1388350885.jpg)
word-wrap用来控制换行
两种取值:
(1)normal
(2)break-word(此值用来强制换行,内容将在边界内换行,中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。)
word-break用来控制断词
三种取值:
(1)normal
(2)break-all(是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。)
(3)keep-all(是指Chinese, Japanese, and Korean不断词,一句话一行,可以用来排列古诗哟~)
![](https://images2015.cnblogs.com/blog/567218/201607/567218-20160715120202061-1388350885.jpg)
word-wrap:break-word; word-break:break-all;
word-wrap用来控制换行
两种取值:
(1)normal
(2)break-word(此值用来强制换行,内容将在边界内换行,中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。)
word-break用来控制断词
三种取值:
(1)normal
(2)break-all(是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。)
(3)keep-all(是指Chinese, Japanese, and Korean不断词,一句话一行,可以用来排列古诗哟~)
相关文章推荐
- css3绘制腾讯logo
- sass调试--页面看到sass文件而不是css文件问题
- HTML/CSS 自定义开关按钮控件(switch)样式
- 纯CSS小三角制作
- 7.15 css与js 选择奇偶子元素的区别
- css 旋转
- CSS元素隐藏“失效”以其妙用
- css常用字体
- CSS3 border
- 史上最全的CSS hack方式总结
- HTML-CSS常用样式文本溢出处理效果
- CSS
- 前端学习笔记-css篇
- 细说 CSS margin
- poi生成Excel文件【带样式和格式】
- 提高CSS技术技巧
- css笔记
- 2 纯CSS的菜单
- 两种方法实现用CSS切割图片只取图片中一部分
- CSS3背景渐变属性 linear-gradient(线性渐变)和radial-gradient(径向渐变)