關於溢出:
1、溢出屬性(容器的)
overflow:visible/hidden(隱藏)/scroll/auto(自動)/inherit;
visible:默認值,內容不會被修剪,會成現在元素框之外;
hidden:內容會被修剪,並且其余內容是不可見的;
scroll:內容會被修剪,但是瀏覽器會顯示滾動條,以便查看其余的內容;
auto:如果內容被修剪,則瀏覽器會顯示滾動條,以便查看其他的內容;
inherit:規定應該從父元素繼承overflow屬性的值。
2、空余空間
white-space:normal/pre/nowrap/pre-wrap /pre-line /inherit
該屬性用來設置如何處理元素內的空白;
normal:默認值,空白會被瀏覽器忽略,
pre:空白會被瀏覽器保留,其行為方式類似HTML中的pre標簽;
nowrap:文本不會換行,文本會在同一行上繼續,直到遇到<br/>標簽為止;
pre-wrap:保留空白符序列,但是正常的進行換行;
pre-line:合並空白符序列,但是保留換行符;
inherit:規定應該從父元素繼承White-space屬性的值;(ie瀏覽器不支持此屬性值)
3、文本溢出:text-overflow:clip/ellipsis
取值:
clip:不顯示省略號(...),而是簡單的裁切;
ellipsis:當對象內文本溢出時,顯示省略標記;
說明:
text-overflow屬性僅是...,當文本溢出時是否顯示省略標記,並不具備其它的樣式屬性定義,要實現溢出時產生省略號的效果還需定義:
1、容器寬度:width:value;
2、強制文本在一行內顯示:white-space:nowrap;
3、溢出內容為隱藏:overflow:hidden;
4、溢出文本顯示省略號:text-overflow:ellipsis;
> >
< <