html 元素 強制不換行

html 中 nowrap是用來強制不換行的

1. 在排版中
   對包裹plain text的標籤使用nowrap屬性即刻實現強制不換行.
   如:
   <p nowrap>強制不換行</p>
<p style="white-space:nowrap">強制不換行</p>

2. 在使用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見個人導航