CSS的属性-dispaly属性

display可以指定元素的显示模式，它可以把行内元素修改成块状元素，也可以把别的模式的元素改成行内元素。

• display常用的值有四个：

  display: block;		 	// 按块级标签显示元素
  display: inline;		// 按内联标签显示元素
  display: inline-block; 	 // 声明当前元素的显示模式为行内块状元素
  display: none;			// 声明当前元素的显示模式为隐藏

说明：

• div标签为块级标签，独占整行，如果想要设置它不占整行（内联标签）

  div{
  	display:inline;
  }

• span标签是内联标签（内联标签不能设置长宽），这时想设置它为块级标签

  span{
  	dispaly:block;
  }

• div标签为块级标签，如果设置为内联标签后，这时不能设置长宽等样式，但是想要它为内联并且可以设置长宽

  div{
  	dispaly:inline-block; //表示它既是内联标签又是块级标签，这时div不占整行，并且可以设置长宽等样式
  }