文字對齊不適用於一段文字

Question

請看看this page。

正如你所看到的那樣，有一些「閱讀更多」按鈕。 （翻譯 - 「czytajwięcej」）。 這只是摘錄之後。我想要將這個閱讀更多按鈕居中。

我給a href ...下面的類：

class="readmorebtn" 

而這個CSS：

.readmorebtn{font-size:23px; text-align:center !important;} 

但因爲某些原因它不工作。任何提示？

Answer 1

您正在使用您的按鈕a元素，所以a元素inline默認，所以即使你center，文本沒有地方得到集中，如inline元素不採取100%的橫向空間，所以對序居中文本，你需要使它inline-block或block

.readmorebtn { 
    display: block; 
    font-size: 23px; 
    text-align: center; /* No need of !important here */ 
} 

---

如果您正在使用inline-block元素將是inline也block但再次，您需要爲您的inline-block元素定義一些width。而block級元素將佔據整個水平空間。

Demo（見什麼，如果你不讓它塊級元素）

Demo 2（使它成爲一個block級元素）

Answer 2

一個元素不能有寬度，因爲它是一個內聯元素並沒有寬度不能對準中心，所以你應該添加display: inline-block; or display: block;你一個

.readmorebtn { 
    display: block; 
    font-size: 23px; 
    text-align: center; 
}