首頁 > web前端 > css教學 > 主體

css中用什麼屬性來定義盒子的類型

王林
發布: 2023-01-03 09:27:34
原創
2881 人瀏覽過

css中使用display屬性來定義盒子的類型。 display屬性規定元素應該產生的框的類型,如【display:inline】,表示元素會被顯示為內聯元素,元素前後沒有換行符。

css中用什麼屬性來定義盒子的類型

本文操作環境:windows10系統、css 3、thinkpad t480電腦。

在css中,我們可以使用display屬性來定義盒子的類型。下面簡單介紹下display屬性。

屬性介紹:

display 屬性規定元素應該產生的框的類型。

屬性值:

  • none    此元素不會顯示

  • block    此元素將顯示為區塊層級元素,此元素前後會帶有換行符號

  • inline    預設。此元素會顯示為內嵌元素,元素前後沒有換行符號

  • inline-block    行內區塊元素。 (CSS2.1 新增的值)

  • list-item    此元素會作為清單顯示

範例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title>
<style>
p {display:inline}
</style>
</head>
<body>

<p>这两个段落生成内联盒子,和它的结果</p>

<p>这两个元素之间没有距离。</p>

</body>
</html>
登入後複製

運行結果:

css中用什麼屬性來定義盒子的類型

相關推薦:CSS教學

以上是css中用什麼屬性來定義盒子的類型的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板