CSS:display屬性

盒子的display屬性

      通過設置元素的display屬性,可以改變某個元素本來的元素類型,或者把某個元素隱藏起來。這個屬性在實際網頁設計中用的非常頻繁,而且發揮巨大作用。

常見的屬性有①none:此元素不會被顯示。

                        ②inline:默認。此元素會被顯示爲內聯元素,元素前後沒有換行符。如div元素,p元素,ul元素

                        ③block:此元素將顯示爲塊級元素,此元素前後帶有換行符。如span元素,a元素。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>display屬性</title>
      <style>
      	p{display: inline;}
      	div{display: none;}
      	span{display: block;}
      </style>   	
	</head>
	<body>
		<p>此元素會被顯示爲內聯元素,元素前後沒有換行符。如div元素,p元素,ul元素</p>
	    <div>不會顯示出來</div>
	    <span>此元素將顯示爲塊級元素,此元素前後會帶有換行符。</span>
        <span>不信你看</span>	
	</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章