您的位置:首页 > Web前端 > CSS

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

2016-07-15 12:04 543 查看
  我们更新文章时如果有引用其他文章一般会带一个原文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不断词,一句话一行,可以用来排列古诗哟~)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: