行内元素的盒模型

行内元素的盒模型

a）行内元素不支持设置宽度和高度

b）行内元素可以设置padding，但是垂直方向padding不会影响页面

的布局

c）行内元素可以设置border，但是垂直方向的border不会影响页面

的布局

d）行内元素可以设置margin，但是垂直方向的margin不会影响页面

的布局

---

display

display用来设置元素显示的类型

可选值：

		inline				将元素设置为行内元素
		
		block				将元素设置为块元素
		
		inline-block		将元素设置为行内块元素	 
		`行内块元素既可以设置宽高,又不会独占一行`
		
		table				将元素设置为一个表格

		none				元素不在页面中显示，也不在页面中占据位置

---

visibility

visibility用来设置元素的显示状态

可选值：

		visible			默认值，元素在页面中正常显示
		
		
		hidden			元素在页面中隐藏不显示，与display:none相比它会
		
						占据页面的位置