码迷,mamicode.com
首页 > Web开发 > 详细

css 属性值 display

时间:2020-07-19 17:53:31      阅读:89      评论:0      收藏:0      [点我收藏+]

标签:png   eve   loading   技术   style   code   target   行内元素   splay   

css 属性值 display

/* display: block; */ /* 浏览器默认样式 */
/* display: inline; */ /* 设置为行内元素 */
/* display: none; */ /* 隐藏元素不占空间 */
/* display: inline-block; */ /* 可以和行内元素在同一行, 可以设置宽度和高度*/

demo:
<style>
    div {
        background: #add8e6;
        width: 260px;
        height: 100px;
        /* display: block; */ /* 浏览器默认样式 */
        /* display: inline; */ /* 设置为行内元素 */
        /* display: none; */ /* 隐藏元素不占空间 */
         display: inline-block;  /* 可以和行内元素在同一行, 可以设置宽度和高度*/
    }
</style>

<h3>width: 260px; height: 100px;</h3>
<div>display: inline-block; 可以设置width和height</div>
<div>display: inline-block; 可以设置width和height</div>

技术图片

 

扩展:

MDN中display 属性

 

css 属性值 display

标签:png   eve   loading   技术   style   code   target   行内元素   splay   

原文地址:https://www.cnblogs.com/dafei4/p/13339597.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!