元素显示的模式控制

最新推荐文章于 2024-04-18 15:26:45 发布

gunsmoke

最新推荐文章于 2024-04-18 15:26:45 发布

阅读量74

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/gunsmoke/article/details/104410687

版权

CSS 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

ul>li {
            height: 80px;
            width: 100px;
            display: inline-block;
        }

        ul>li:hover {
            color: yellow;
            background-color: red;
            cursor: hand;
            text-align: center;
        }
这里的display: inline-block;需要解释一下，如果属性值为none则隐藏，如果属性值为inline，则变为行内元素，相当于span标签，这时指定宽和高是不起作用的,如果指定为inline-block,则也为行内元素，但有块级元素的特征，可以指定宽和高。另外，如果用visibility:none控制可见性，它的作用类似于把透明度设为0，就是元素的位置仍然保留，而display:none不会保留元素位置