详述display样式属性(none block inline inline-block)

display样式属性设置元素生成的框的类型，该属性有多个值，在此仅介绍常用的4种属性：none、block、inline、inline-block。

一、none

此元素不会被显示。示例如下：

<div style="border: 1px solid red; display: none;">郑州大学</div>

运行结果如下图：

结果分析：由于设置display样式属性值为none，所以div标签中的内容不会显示且不占用位置。

二、block

此元素将显示为块级元素，此元素前后会带有换行符。示例如下：

<form>
	<input />
	<input />
	<input />
</form>
<style>
	input{
		display: block;
	}
</style>

运行结果如下图：

结果分析：input标签原本是行内元素，但是设置display样式属性值为block后变成了块级元素，有自动换行的效果。