CSS中的display :block 和display :inline ???

发布网友发布时间：2022-04-06 11:59

共3个回答

热心网友时间：2022-04-06 13:29

意思是说，在 CSS 定义里面，所有的块对象都有一个默认值是：display:block; 即使你不指定，也会默认有这么个属性，（有点类似 h1 的大字号加粗也是默认属性）后面一句是说的这个属性有什么作用：意思是如果其他非块对象（如 span 等等默认的display是inline）如果指定了 display：block 这个属性的话，也可以像块对象那样去显示，这样后面跟的标签会另起一行显示，而不是像默认那样跟在后面。使用display:inline 就会出现块对象那样，后面的标签会同行显示；block : CSS1 块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行 none : CSS1 隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间（页面物理尺寸大小空间） inline : CSS1 内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行
你提问的CSS中的display :block 和display :inline ???这个问答我只能这样回答你了

热心网友时间：2022-04-06 14:47

先讲讲啥叫块状元素。html中元素是可以被分为块状元素和内联元素，块状元素的默认display属性为block,内联元素默认display属性为inline,内联元素有：
a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, q, samp, script, select, small, span, strike, strong, sub, sup, textarea, tt, varbasefont, font, s, u块状元素有： address, blockquote, div, dl, fieldset, form, h1-h6, hr, noframes, noscript, ol, p, pre, table, ul center, dir, isindex, menu .

块状元素默认是占据一行的位置，下一个元素将*挤到下一行显示。内联元素则不是这样，内联元素会使得下一个元素自动贴到自己的有边显示，比如span,textbox。。。

书中提到的把某些内联元素作为块状元素显示，是出于其某些设计目的考虑。比如a元素。将a元素display:block后，它从内联元素成为了块状元素，然后就可以对这个元素设置margin,padding,border等属性了。参看这段导航条的设计：

<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
#nav {

}
#nav li{
float:left;
}
#nav li a{
color:#000000;
text-decoration:none;
padding-top:4px;
display:block;
width:97px;
height:22px;
text-align:center;
background-color:#ececec;
margin-left:2px;
}
</style></head><body>
<ul >
<li><a href="#">首页</a></li>
<li><a href="#">文章</a></li>
<li><a href="#">参考</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">论坛</a></li>
<li><a href="#">联系</a></li>
</ul></body>
</html>

热心网友时间：2022-04-06 16:21

简单来说吧：
1、block表示块级元素
2、inline表示内联元素
你只要去网上找一下关于这两方面的内容，然后自己再用心看一下，我相信你就会明白的。