塊級元素|行內元素|兩元素垂直對齊
塊級元素可以通過設定兩個都為float：left實現顯示在同一行;
兩個元素的話，可以設定寬度各為50%實現垂直對齊;
多個元素垂直對齊，通過設定每部分不同寬度實現垂直對齊；
inline-block:既具有行內元素的特性（可以顯示在一行），也具有塊級元素特性（可以設定寬高）；
inline行內元素不能設定寬高，按照元素的寬度一行排列；
white-space：段落中文字不進行換行；
超出三行省略
單行文字一處顯示省略號：
.textoverflow
超出三行顯示省略號：
.textoverthree
超出三行省略.
行內元素 塊級元素和行內塊級元素
而標籤的屬性是可以轉換的 display inline 轉換為行內元素 display linline block 轉換為行內塊元素 display block 轉換為塊級元素。行內元素 無法設定寬高 margin和padding上下無效，只有左右有效果 總是和相鄰的行內元素在同一行上，預設排列方式...
行內元素與塊級元素垂直居中
行內元素的垂直居中 1.給塊級元素中的想要居中的行內元素設定 vertical align middle 這表示這些行內元素是以它們各自的中間的位置來與其他行內元素對齊的 若還是沒對齊的話,可通過在這些行內元素的父元素中設定line height 來調節.2.若行內元素的父元素高度不定,可通過設定行...
行內元素 塊級元素和行內塊元素
a 標籤定義鏈結 b 字型加粗 br 換行 i 斜體文字效果 img 在網頁中嵌入 input 輸入框 span 組合文件中的行內元素 small 呈現小號字型效果 big 呈現大號字型效果 sub 定義下標文字 sup 定義上標文字 div 定義文件中的分割槽或節 dl 定義列表 dt 定義列表中...