1. 程式人生 > 其它 >行元素、行內塊級元素 塊元素 元素顯隱、塊之間的間距取消

行元素、行內塊級元素 塊元素 元素顯隱、塊之間的間距取消

/*
行元素、行內塊級元素 塊元素 元素顯隱、塊之間的間距取消
A 塊級元素特點
    1.可以設定寬和高
    2.不能和其他元素呆在一行
    3.當沒有設定寬、高時,由元素內容決定
B 行級元素特點
    1.不可以設定寬高
    2.可以和其他行級元素呆在一行
    3.寬高由內容決定
    4.行級元素轉換成塊元素:a{display:block;},這樣就可以給他設定寬高了
C 行內塊級元素:img
    1.可以設定寬高
    2.2.可以和其他元素呆在一行
*/
/*D 元素轉換:元素型別可以相互轉換 */
    div{display:inline;}/*塊元素轉換成行元素,設定行級元素後寬高屬性就會失效,大小由內容決定
*/ div{display:inline-block}/*轉換成行內塊級元素,雖然轉換成了行級元素,但可以設定寬高,還不獨佔一行*/ div{display:none}/*元素的隱藏*/ a{display:block;}/*轉換成塊元素,獨佔一行*/ /*塊與塊之間有間距,可以設定父級元素的{font-size:0px}*/