子元素絕對定位absolute后,根據內容自動撐開寬度

子元素絕對定位absolute后,根據內容自動撐開寬度:

{
      position: absolute;
      white-space: nowrap;
}

white-space 屬性設置如何處理元素內的空白。（所以瀏覽器都支持）

值	描述
normal	默認。空白會被瀏覽器忽略。
pre	空白會被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標簽。
nowrap	文本不會換行，文本會在在同一行上繼續，直到遇到 標簽為止。
pre-wrap	保留空白符序列，但是正常地進行換行。
pre-line	合並空白符序列，但是保留換行符。
inherit	規定應該從父元素繼承 white-space 屬性的值。

word-break 屬性規定自動換行的處理方法。（所以瀏覽器都支持）

值	描述
normal	使用瀏覽器默認的換行規則。
break-all	允許在單詞內換行。
keep-all	只能在半角空格或連字符處換行。