块状元素（block）de的特性就是独占一行，标签就比如是div
p
这类的
行内元素（inline）的特性就是根据内容撑开。
那么为什么要出现display属性呢？因为，布局需要。
比如隐藏的时候那么我们可以设置display:none
比如我们用div布局成水平同行，并且又要有padding之类的样子出来，那么我们就而已设置为display:inline-block
再比如我们用行内元素布局，比如a，却需要它占据全部空间，那么我们可以设置display:block
有了display这个属性，我们才能随心所欲的各种布局
display 属性规定元素应该生成的框的类型,用的最多的就是display:block显示 display:none隐藏。下面是所有值的用法描述。display本身意思是“显示、阵列”的意思\x0d\x0a值 描述\x0d\x0a\x0d\x0anone此元素不会被显示。\x0d\x0ablock此元素将显示为块级元素，此元素前后会带有换行符。\x0d\x0ainline默认。此元素会被显示为内联元素，元素前后没有换行符。\x0d\x0ainline-block行内块元素。（CSS2.1 新增的值）\x0d\x0alist-item此元素会作为列表显示。\x0d\x0arun-in此元素会根据上下文作为块级元素或内联元素显示。\x0d\x0acompactCSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。\x0d\x0amarkerCSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。\x0d\x0atable此元素会作为块级表格来显示（类似| 和 | ）\x0d\x0atable-caption此元素会作为一个表格标题显示（类似 ）\x0d\x0ainherit规定应该从父元素继承 display 属性的值。
回答于 2022-11-16
抢首赞
已踩
0
查看全部1个回答
— 为你推荐更多精彩内容 —
正在加载
加载失败 点击重新加载
微信 微博 QQ空间 答案纠错 举报 取消 赞赏答主 5 10 50 100 200已赞赏0财富值 合计：0 财富值 登录后赞赏 选择举报类型 侵犯版权 色情低俗 涉嫌违法犯罪 时政信息不实 垃圾广告 低质灌水 工作人员会在48小时内处理,处理结果请关注系统通知,感谢您对百度知道的支持。 确定 void function(a,b,c,d,e,f){function g(b){a.attachEvent?a.attachEvent("onload",b,!1):a.addEventListener&&a.addEventListener("load",b)}function h(a,c,d){d=d||15var e=new Datee.setTime((new Date).getTime()+1e3*d),b.cookie=a+"="+escape(c)+"path=/expires="+e.toGMTString()}function i(a){var c=b.cookie.match(new RegExp("(^| )"+a+"=([^]*)(|$)"))return null!=c?unescape(c[2]):null}function j(){var a=i("PMS_JT")if(a){h("PMS_JT","",-1)try{a=a.match(/{["']s["']:(\d+),["']r["']:["']([\s\S]+)["']}/),a=a&&a[1]&&a[2]?{s:parseInt(a[1]),r:a[2]}:{}}catch(c){a={}}a.r&&b.referrer.replace(/#.*/,"")!=a.r||alog("speed.set","wt",a.s)}}if(a.alogObjectConfig){var k=a.alogObjectConfig.sample,l=a.alogObjectConfig.randd="https:"===a.location.protocol?"https://fex.bdstatic.com"+d:"http://fex.bdstatic.com"+d,k&&l&&l>k||(g(function(){alog("speed.set","lt",+new Date),e=b.createElement(c),e.async=!0,e.src=d+"?v="+~(new Date/864e5)+~(new Date/864e5),f=b.getElementsByTagName(c)[0],f.parentNode.insertBefore(e,f)}),j())}}(window,document,"script","/hunter/alog/dp.mobile.min.js") window.tt = 1676979142 |
|---|
通过display:block的应用，我们让a标签元素有了宽度width:97px，高度height:22px，并在每一个a之间使用margin-left:2px形式了左侧的外边距为2px。
display属性是css中对对象显示模式操作的一个属性，主要用于改变对象的显示方式。在css中，所有对象都有自己默认的显示方式，如a与span等对象，它们默认为一种行间内联对象，显示时它们不会影响其它任何对象的显示，如当应用span之后，span之后的内容会自动排在span的右边，像一段文本一样，而div这类对象的默认显示为块状对象，它们默认状态下便占据了一行的空间，并像一个方块一样显示在页面中，通过display:block，将a也变成了块状对象。
