作家
登录

CSS网页布局强制换行和强制不换行的属性讲解

作者: 来源:www.28hudong.com 2012-11-19 22:54:40 阅读 我要评论

  在CSS网页布局中,常常会遇到这样的问题,强制文字换行,而不是在一行内显示撑开容器影响布局。而有些时候可能会强制内容不换行,多出的部分隐藏掉即可,关于强制不换行与强制换行的一些CSS属性WEBJX.com作一些整理,希望能给大家的工作和学习提供参考。   先了解以下几个属性: 强制不换行p.www_jb51_com{  white-space:nowrap;  }自动换行p.www_jb51_com{  word-wrap:break-word;  word-break:normal;  }强制英文单词断行p.www_jb51_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。

  推荐阅读

  你知道CSS中长度单位pt、px、dpi的意思吗?

  在印刷排版中“point”是一个绝对的单位,它等于1/72英寸。可以用尺子丈量的,物理的英寸。   但在CSS中pt的含义却非如此,例如我们指定一个字体是9pt,浏览器会以CSS规范解释,它等于:  9*>>>详细阅读


本文标题:CSS网页布局强制换行和强制不换行的属性讲解

地址:http://www.17bianji.com/kaifa2/CSS/17367.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)