CSS中的span樣式對齊

span元素爲內聯元素,不具備寬度特性,設置text-align屬性會沒有效果,因此需要將span元素的展示類型轉化爲具有塊級特性。

方法1:設置span的display屬性爲block。

<span style="font-size:14px;text-align:center;display:block;">...</span>

方法2:設置span的display屬性爲inline-block,這種方式需要手動設置span的寬度。

<span style="font-size:14px;text-align:center;display:inline-block;width:500px;">...</span>

 

擴展資料

html標籤中根據元素的展示形式,主要分爲塊元素和內聯元素。

塊元素特點:

1、總是在新行上開始。

2、高度、行高以及外邊距和內邊距都可控制。

3、寬度缺省是它的容器的100%,除非設定一個寬度。

4、它可以容納內聯元素和其他塊元素。

內聯元素特點:

1、和其他元素都在一行上。

2、高度、外邊距和內邊距不可改變。

3、寬度就是它的文字或圖片的寬度,不可改變。

4、內聯元素只能容納文本或者其他內聯元素。

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