CSS中display:block是什么意思?

 我来答
当代教育科技知识库
高能答主

推荐于2019-10-19 · 擅长科技新能源相关技术,且研究历史文化。
当代教育科技知识库
采纳数:1828 获赞数:387372

向TA提问 私信TA
展开全部

CSS中display:block意思如下:

  1. 如果用<div>+<a> 做一个按钮,这个能理解吧,就是 想通过 link 来实现跳转,但是看起来是个按钮,且不需要触发事件。而且 css 也比 button 的好用。

  2. 这中情况下,如果不是“块”block,那么只要点到文字上时才会触发,点到 按钮<div>但是没点到字是不行的,但是用了 block 后,整个按钮都可以承载 a 的link操作了

  3. css中的display是设置元素显示的方式,block是一块状元素的方式显示,

  4. inline是以内联元素的方式显示,none是不不显示;

  5. 块状元素会单独占据一样,其他元素跟他在同一行的会被迫换行,挤到下一行那里去,inline则不会这样。

杨欣
推荐于2017-10-02 · 知道合伙人互联网行家
杨欣
知道合伙人互联网行家
采纳数:4625 获赞数:11877
阅读过JAVA\PHP\ASP等多种网络语言的知识。现任石家庄雅致化工有限公司网站技术。

向TA提问 私信TA
展开全部

  根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。

 块级元素:

      动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形的样子;

 行内元素:

      自己的独立空间,它是依附于其他块级元素存在的,因此,对行内元素设置高度、宽度、内外边距等属性,都是无效的。

 

例子:
      链接 a 元素,在默认情况下是是“行内元素”,因此对a元素设置高度、宽度等属性,都是无效的。而比如div,p,li,img等默认情况下的display属性值就是“block”。所以对于链接a来说只能这样:display:block;强制将它改成块元素。

看完概念看代码:

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style>
span,div{background-color:#F60;margin-bottom:5px;margin-left:5px;height:50Px;}
</style>

<div style="background-color:#F60">Div默认为 block</div>
<span style="display:block;">加了block属性</span>
<span style="display:block;">加了block属性</span>
<span style="display:block;">加了block属性</span>

<span>没加block属性</span>
<span>没加block属性</span>
<span>没加block属性</span>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
xuebaotuxi
推荐于2017-09-04 · TA获得超过1.2万个赞
知道大有可为答主
回答量:4196
采纳率:85%
帮助的人:1037万
展开全部
css中的display是设置元素显示的方式,block是一块状元素的方式显示,inline是以内联元素的方式显示,none是不不显示;块状元素会单独占据一样,其他元素跟他在同一行的会被迫换行,挤到下一行那里去,inline则不会这样
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
浩星代灵6H
2014-06-12 · 超过10用户采纳过TA的回答
知道答主
回答量:79
采纳率:0%
帮助的人:26.9万
展开全部
块的意思,比如说导航条垂直排列
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
棋一安
2014-06-12 · 超过47用户采纳过TA的回答
知道小有建树答主
回答量:138
采纳率:0%
帮助的人:78万
展开全部
将内联元素转为块状元素
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式