码迷,mamicode.com
首页 > Web开发 > 详细

css自动换行如何设置?url太长会撑开页面

时间:2016-07-15 13:18:35      阅读:2106      评论:0      收藏:0      [点我收藏+]

标签:

  我们更新文章时如果有引用其他文章一般会带一个原文url,但这个链接如果太长的话会把内容的版块撑开,整个排版乱了。那我们能不能设置css自动换行呢?如下图所示,其实只要两个样式就能搞定

技术分享

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不断词,一句话一行,可以用来排列古诗哟~)

css自动换行如何设置?url太长会撑开页面

标签:

原文地址:http://www.cnblogs.com/ytkah/p/5673122.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!