css - 样式 - 可见性

visibility 可见性

取值：visible（可见） |  hidden（隐藏、保留占位）

设置给：块、行内块、行内元素

作用：设置元素在文档上的可见性

此属性只是隐藏元素，但会为元素保留占位。而display:none是隐藏元素且不占位。

display 显示模式

取值：none（隐藏） |  block（块）| inline（行） | inline-block（行内块）| list-item（列表）……

设置给：块、行内块、行内元素

作用：设置元素在文档上的显示模式，重点说下 list-item，它可以把元素转换为一个列表项元素（块），并允许为列表项设置项目编号的样式

<div>
    <span>1</span>
    <span>2</span>
</div>

div span{
    display:list-item;
    list-style:inside;
}

前端学习总目录