好程式設計師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寬度.

 

相關推薦