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見我的導航