文字溢位(overflow)
visible:預設值
hidden:超出隱藏
scroll:顯示滾動條
auto:自適應檢視
inherit:繼承父元素overflow值
normal:預設值
pre:原格式輸出，空白會被瀏覽器保留
pre-wrap:文字不會換行，文字會在在同一行上繼續，直到遇到
標籤為止
pre-line;合併空白符序列，但是保留換行符
nowrap: 文字不會換行，文字會在在同一行上繼續，直到遇到
標籤為止
clip:裁剪
ellipsis:省略號
【注】只針對單行文字有效
省略號：
overflow:hidden
white-space:nowrap
text-overflow:ellipsis
div,h1-h6,p,ul,ol,li..
1.單獨佔據一行
2.能設定寬高
3.能正常設定內外邊距
4.矩形顯示
5.一般作為容器巢狀其他元素
span,a,em,i,b...
1.只佔據自己內容大小
2.不能設定寬高
3.不能正常設定垂直防線的內外邊距
4.非矩形顯示
5.一般結合css展示效果
input,img..
1.在一行顯示
2.能設定寬高
3.能設定內外邊距
4.一般展示效果
設定乙個元素在乙個容器中垂直居中，必須更改預設的display屬性值為inline-block；並加上同級元素(標尺)
vertical-align:middle;
width:0;
height:100%;
display:inline-block;
三個條件:
1.必須給容器(父級元素)新增text-align:center;
2.必須把當前元素轉換為行內塊元素(display:inline-block),再給當前元素新增vertical-align:middle;
3.在當前元素的後面(沒有回車)加上同級元素span;並對span設定標尺
top middle bottom
【注】只針對行內塊元素有效，如果要垂直方向對齊。那麼需要對齊的元素都要新增vertical-align
display:
block:轉換為塊級元素(顯示元素)
inline:轉換為行內元素
inline-block:轉換為行內塊元素
none:隱藏元素(脫離文件流)
置換元素：input img
非置換元素：除input img
「置換元素」又叫做「替換元素」，
它們所具有的特徵為：在不使用css修飾時，元素的標籤和屬性也會影響元素的顯示。
CSS06 文字溢位
專案中常常有這種需要我們對溢位文字進行 顯示的操作，單行多行的情況都有 具體幾行得看設計師心情了 這篇部落格是我個人對這種情況解決辦法的歸納，歡迎各路英雄指教。文字溢位省略號顯示 條件 1 不能讓文字換行 white space nowrap 文字不換行 2 讓超出的文字隱藏 overflow hi...
IE6文字溢位BUG
在ie6下，浮動層之間有注釋文字的話，之前那個浮動層的內容文字就有可能遭遇乙個 的複製，但是 裡檢視文字可並沒有多出來。問題原因以及解決方法 原因 由注釋造成文字溢位，屬於ie6的bug，溢位文字的字數 注釋的條數 2 1，這裡的字數在中文或英文數字時都成立。注釋坐在位置與溢位位置 區塊的浮動以及文...
IE6文字溢位BUG
在ie6下，經常會產生一些靈異事件，比如 html 裡是 豬豬豬 但用ie6瀏覽時，頁面上會顯示 豬豬豬豬 莫名其妙地多出了一頭，ie6太 了，私自產豬。像這種情況在ie7，ie8，ff中是不存在的。發生條件一 css中用了float屬性,並且用了html注釋。豬豬豬怎樣消除這種邪氣呢？方法一 在父...