1

これを検索しましたが、解決策が見つかりませんでした。テキスト付きのアンカーがあります。

アンカーの高さと幅は、DOM ロード時に JS によって設定されます。アンカー内のテキストを垂直方向と水平方向の中央に配置する必要があります。

要素のセンタリングに関する多くのチュートリアルに従いました。それらのどれも機能しませんでした。

これが私のhtmlです

<a href="#" class="wpsc_category_grid_item" title="Category1">
    <span>Category1</span>
</a>

そして私のCSS

.wpsc_category_grid_item {
    background: #000;
    margin:1px;
    float:left;
    text-align: center;
    display:table;
}

.wpsc_category_grid_item span{
    display: table-cell;
    vertical-align: middle;
    width:100%;
    height:100%;
    color:#fff;
    text-align: center;
    font-weight: bold;
    text-decoration: none; 
}

これらのテキストも縦方向に中央揃えにする必要があります..

ここに画像の説明を入力

4

1 に答える 1

2

私はあなたのコードでjsフィドルを作りました。追加したらうまくいきました

width: 100%;
height:100%;

.wpsc_category_grid_item

于 2012-08-27T18:49:14.063 に答える