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、內聯元素只能容納文本或者其他內聯元素。