0

このページをご覧ください。

ご覧のとおり、「続きを読む」ボタンがいくつかあります。(翻訳 - 「czytaj więcej」)。これは抜粋の直後です。この続きを読むボタンを中央に配置したいと思います。

私はa href...に次のクラスを与えました：

class="readmorebtn"

そしてこのCSS：

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

しかし、何らかの理由で機能していません。ヒントはありますか？

4

2 に答える 2

1

aボタンに要素を使用しているため、a要素はinlineデフォルトであるため、要素が水平方向のスペースをとらないため、テキストを中央にcenter配置する場所がない場合でも、テキストを中央に配置するには、それを作成するか、inline100%inline-blockblock

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

inline-block要素を使用している場合はinline、また、要素にいくつかをblock定義する必要があります。レベル要素は水平方向のスペース全体を占有します。widthinline-blockblock

デモ（ブロックレベル要素にしないとどうなるか見てみよう）

デモ2（blockレベル要素にする）

于 2013-10-25T08:21:41.680 に答える