span元素為內聯元素，不具備寬度特性，設定text-align屬性會沒有效果，因此需要將span元素的展示型別轉化為具有塊級特性。
方法1：設定span的display屬性為block。
text-align:center;display:block;">...
方法2：設定span的display屬性為inline-block，這種方式需要手動設定span的寬度。
擴充套件資料
html標籤中根據元素的展示形式，主要分為塊元素和內聯元素。
塊元素特點：
1、總是在新行上開始。
2、高度、行高以及外邊距和內邊距都可控制。
3、寬度預設是它的容器的100%，除非設定乙個寬度。
4、它可以容納內聯元素和其他塊元素。
內聯元素特點：
1、和其他元素都在一行上。
2、高度、外邊距和內邊距不可改變。
3、寬度就是它的文字或的寬度，不可改變。
4、內聯元素只能容納文字或者其他內聯元素。
更改span標籤樣式 CSS 內嵌樣式
前面一節我們講了行內樣式，但是行內樣式的缺點就是樣式不能重用。例如當有好多個 標籤，我們希望所有的 標籤的樣式都一致，那麼需要在每個標籤中都寫一遍，這麼會很麻煩，也會增加很多 那麼為了解決這個問題，本節我們學一下內嵌樣式，也可以叫做內部樣式。內嵌樣式就是將 css 寫在 html 頁面中的 標籤中的...
Css中的樣式
下面我們用css樣式來實現一些效果。hover偽類當滑鼠移到某個元素上面會觸發某個事件發生，如下所示 當滑鼠移到em元素上時，em會發生背景顏色的變化 rightbtn a em hover 我們還可以利用css的樣式來實現一些動畫效果 設定當滑鼠移到某元素上，元素彈出時間不同來實現 當滑鼠移到元素...
span設CSS樣式總是不起作用的解決方法
複製 如下 此處 display block 一定要加上，否則，span不起作用 如果要定程式設計客棧義span居中，必須www.cppcns.com先讓span成塊級元素顯示，也就是說，要先定義span的display block 屬性，然後再給span新增邊距屬性margin 0px auto ...