在css中，根據元素顯示模式的不同元素標籤被分為了兩類:行內元素（inline-level）、塊級元素（block-level）。
1.1，行內元素就是不會獨佔一行的元素，例如：span buis strong em ins del等；
1.2，塊級元素就是會獨佔一行的元素，例如：p div h ul ol dl li dt dd等。
2.1，行內元素不會獨佔一行，而塊級元素會獨佔一行；
2.2，行內元素不能設定寬度和高度，它的寬度和高度會隨著文字的改變而該改變。塊級元素可以設定寬度和高度，
如果沒有設定寬度和高度，在預設情況下和父元素一樣寬，高度則為0；
2.3，下面這個例項就是通過給行內元素span，塊級元素div設定樣式，來展示行內元素和塊級元素的差異：
doctype html>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>css元素的顯示模式
title
>
head
>
<
body
>
<
span
>我是span
span
>
<
div
class
="father"
>
我是father
<
div
class
="son"
>我是son
4.1，設定元素的display屬性
4.2，display取值：inline（行內）、block（塊級）、inline-block（行內塊級）
4.3，下面這個例項就是將span的顯示模式轉換為塊級，將div的顯示屬性轉換為行內塊級，將img的顯示模式轉換為塊級
doctype html>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>css元素的顯示模式
title
>
head
>
<
body
>
<
span
>我是span
span
>
<
div>我是div
div>
<
img
src=""
>
body
>
html
>
CSS中元素水平居中顯示的方法
用css讓元素居中顯示並不是件很簡單的事情。同樣的css居中設定在不同瀏覽器中的表現也各有千秋。本文就介紹了在css中常見的幾種讓元素水平居中顯示的方法。1.使用自動外邊距實現居中 css中首選的讓元素水平居中的方法就是使用margin屬性 將元素的margin left和margin right屬...
CSS中元素水平居中顯示的方法
用css讓元素居中顯示並不是件很簡單的事情。同樣的css居中設定在不同瀏覽器中的表現也各有千秋。本文就介紹了在css中常見的幾種讓元素水平居中顯示的方法。1.使用自動外邊距實現居中 css中首選的讓元素水平居中的方法就是使用margin屬性 將元素的margin left和margin right屬...
CSS中元素水平居中顯示的方法
用css讓元素居中顯示並不是件很簡單的事情。同樣的css居中設定在不同瀏覽器中的表現也各有千秋。本文就介紹了在css中常見的幾種讓元素水平居中顯示的方法。1.使用自動外邊距實現居中 css中首選的讓元素水平居中的方法就是使用margin屬性 將元素的margin left和margin right屬...