好程序員web前端分享HTML元素強制不換行

好程序員web前端分享HTML元素強制不換行，HTML 中 nowrap是用來強制不換行的

 

　　在排版中

 

　　對包裹plain text的標籤使用nowrap屬性即刻實現強制不換行.

 

　　如:

 

　　強制不換行

 

　　強制不換行

 

　　在使用div的超文本中

 

　　把div,h1,section,nav,a,li等元素 強制變成行內元素

 

display:inline;

 

　　而後就可以像第一種狀況同樣對其進行操做.

 

　　例子: 父級nav限寬下ul元素強制不換行

 

　　使子標籤ul自身有wrap-content(借用android layout的關鍵形容詞)的寬度

 

nav>ul>li*10>a[href='#']{隨機連接$}

 

nav{ 固定寬度width:40em; nowrap屬性white-space:nowrap; }

 

ul,li,a{ 行內元素display:inline; 消除浮動float:none; }

 

// li 變成inline是必要的

 

　　當ul不爲inline的時候,ul自己寬度最大值爲父級nav的寬度;

 

　　當ul爲inline 的時候,ul寬度爲wrap-content寬度.

 

demo見個人導航