html文本溢出


關於溢出:

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;

 

&gt; >

&lt; <

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM