容器寬度：width：value；
強制文字在一行內顯示:white-space：nowrap;
溢位內容為隱藏：overflow：hidden；
溢位文字顯示省略號：text-overflow：ellipsis;
html,body
內容板塊寬度統統父集百分比，高度撐開；
line-height：是字型百分比。margin,padding:佔容器寬度百分比
banner img
給父元素新增宣告overflow:hidden;
在浮動元素下方新增空div：clear:both;height:0;overflow:hidden;
萬能清除:after
1、普通三角符號
span
2、直角三角符號
span
css多行省略號和單行省略號
單行溢位，超出部分顯示.或者擷取。前提必須有寬度 陌生人，我也為你祝福 願你有乙個燦爛的前程 願你有情人終成眷屬 願你在塵世獲得幸福 我只願面朝大海，春暖花開 div body html 陌生人，我也為你祝福 願你有乙個燦爛的前程 願你有情人終成眷屬 願你在塵世獲得幸福 我只願面朝大海，春暖花開 d...
css文字省略號
1,單行溢位，超出部分顯示 或者擷取。前提必須有寬度。css 擷取為clip width 300px overflow hidden text overflow ellipsis white space nowrap 但是這個屬性只支援單行文字的溢位顯示省略號，如果我們要實現多行文字溢位顯示省略號呢...
css超過顯示省略號
1 style 2div 8style white space 設定如何處理元素內的空白，所有瀏覽器都支援 normal 預設。空白會被瀏覽器忽略。pre空白會被瀏覽器保留。其行為方式類似 html 中的標籤。nowrap 文字不會換行，文字會在在同一行上繼續，直到遇到 標籤為止。pre wrap ...