CSS中disp是一個非常重要的屬性,可以控制元素的展示方式。disp的全稱是display,使元素的展現(xiàn)方式更加靈活多變。
disp的常用屬性值分為兩類:塊級元素和內聯(lián)元素。
塊級元素的顯示方式:
display: block; // 表示元素展示成塊級元素,充滿整個父容器 display: inline-block; // 表示元素展示成塊級元素,但是可以有行內元素的性質 display: none; // 表示元素不會被顯示
內聯(lián)元素的顯示方式:
display: inline; // 表示元素展示成內聯(lián)元素 display: none; // 表示元素不會被顯示
在實際運用中,disp的應用非常廣泛。通過控制元素的展現(xiàn)方式,可以輕松實現(xiàn)很多效果。
/* 實現(xiàn)橫向導航欄 */ ul { display: inline-block; } li { display: inline-block; margin-right: 10px; } /* 隱藏某個元素 */ .hide { display: none; }
總之,增加對disp屬性的理解,可以更好地進行CSS編程。
上一篇python畫點贊手
下一篇css代碼頭信息含義