display:block;是什么意思
Posted proving
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了display:block;是什么意思相关的知识，希望对你有一定的参考价值。
display是控件的css属性之一，表示的是显示模式。none表示不显示在网页上，但是代码存在;bolck是此元素将显示为块级元素，此元素前后会带有换行符。
在CSS中，块级对象元素会单独占一行显示，多个block元素会各自新起一行，并且可以设置width,height属性;而内联对象元素前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满，对inline元素设置width,height属性无效。
我们有个时候既希望元素具有宽度高度特性，又具有同行特性，这个时候我们可以使用inline-block。在CSS中通过display:inline-block对一个对象指定inline-block属性，简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link(a元素)inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。
inline-block主要的用处是用来处理行内非替换元素的高宽问题的！行内非替换元素，比如span、a等标签，正常情况下是不能设置宽高的，加上该属性之后，就可以触发让这类标签表现得如块级元素一样，可以设置宽高。注意IE6不支持inline-block属性，可以用hack来解决：*display:inline;zoom:1;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>演示</title>
<style type="text/css">
h2
{
display: inline-block;
width: 400px;
border: 1px solid red;
}
</style>
</head>
<body>
<h2>xxxxxxxxxxxxxxx</h2>
<h2>yyyyyyyyy</h2>
</body>
</html>
以上是关于display:block;是什么意思的主要内容，如果未能解决你的问题，请参考以下文章
js中display：none是显示为无，能隐藏的意思，为啥在js中再用display：block又可以让他显示出来呢？不