CSS設定不換行與強制換行 CSS換行

來源:互聯網
上載者:User
CSS設定不轉行:

overflow:hidden 隱藏
white-space:normal 預設
pre 換行和其他空白字元都將受到保護
nowrap 強制在同一行內顯示所有文本,直到文本結束或者遭遇 br 對象
============================================

設定強行換行
word-break:
normal ; 依照亞洲語言和非亞洲語言的文本規則,允許在字內換行
break-all :  該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本
keep-all :  與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本
============================

之間的高度解決辦法

1、設定line-height,例:view plaincopy to clipboardprint?

  1. XX{font-size:1px; float:left; width:100%; height:1px; line-height:1px}  

XX{font-size:1px; float:left; width:100%; height:1px; line-height:1px}<br />
2、設定overflow,例:

view plaincopy to clipboardprint?
  1. XX{overflow: hidden; height: 1px}   
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.