display屬性值inline

定義和用法
display 屬性規定元素應該生成的框的類型。
說明
這個屬性用於定義建立佈局時元素生成的顯示框類型。對於 HTML 等文檔類型,如果使用 display 不謹慎會很危險,因爲可能違反 HTML 中已經定義的顯示層次結構。對於 XML,由於 XML 沒有內置的這種層次結構,所有 display 是絕對必要的。

實例
1、如何把元素顯示爲內聯元素

<html>
<head>
<style type="text/css">
p {display: inline}
div {display: none}
</style>
</head>

<body>
<p>本例中的樣式表把段落元素設置爲內聯元素。</p>

<p>而 div 元素不會顯示出來!</p>

<div>div 元素的內容不會顯示出來!</div>
</body>
</html>

效果如下:

在這裏插入圖片描述
2、如何把元素顯示爲塊級元素

<html>
<head>
<style type="text/css">
span
{
display: block
}
</style>
</head>
<body>

<span>本例中的樣式表把 span 元素設置爲塊級元素。</span>
<span>兩個 span 元素之間產生了一個換行行爲。</span>

</body>
</html>

效果如下:

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章