CSS中的Display屬性可以控制元素的顯示方式。其中,Display屬性中有一個非常特殊的值——none
。當元素的Display屬性值設置為none
時,該元素將會被隱藏,且元素及其子元素的所有屬性都不會起作用,相當于在HTML文檔中將其移除。但是,在實際的開發中,我們經常會遇到需要在絕對定位的元素內或是使用偽元素時需要添加一個空格占位符的情況,這時就需要使用display: inline-block;
來達到占位的效果。
.example { display: inline-block; }
如果目標元素是一個塊狀元素,則可通過將其Display屬性值設置為inline-block
,實現占用空間而不影響布局的目的。應注意的是,如果使用display: inline-block;
的方式時,需要注意空格的大小,否則可能會導致間距不匹配的問題。
除了none
和inline-block
,Display屬性中還有很多其他的取值,如block
、inline
、table
等。需要根據實際需求去掌握不同的取值和對應的用法。
上一篇fm2018 macos
下一篇css中的sass寫法