首页 > Web开发 > 详细

css 属性值 display

时间:2020-07-19 17:18:40      阅读:67      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!