1

<a>タグがあり<div>、テキストを入れたいのですが、機能し<a>てvertical-align:middle;いません。テキストが上部にあります。なんで？

CSS:

div.banner 
{
    margin-top: 20px;
    padding: 18px 24px 50px 69px;
    background:url(banner.jpg) top center no-repeat;
    width:106px;
    height:38px;
    text-align:left;
    word-wrap: break-word;
    vertical-align: middle;
}

div.banner a
{
    display: block;
    width: 118%;
    margin-left:-13px;
}

HTML:

<div class="banner">
  <a target="_blank" href="http://10.0.0.145/used-test-eq/bb_0">
    See All<br>used-test-eq
  </a>
</div>

また、テキストを地平線の中心に配置したいのですが、どうすればよいですか??

4

3 に答える 3

1

div と同じ高さの line-height を追加します。

vertical-align プロパティは、次の 3 つのわかりやすい手順に分けることができます。

  • インラインまたはインラインブロック要素にのみ適用されます

  • コンテンツではなく、要素自体の配置に影響します (表のセルに適用される場合を除く)。

  • 表のセルに適用すると、配置はセル自体ではなく、セルの内容に影響します。

CSS の vertical-align プロパティについてを参照してください。

于 2012-07-12T13:07:17.677 に答える
0

行の高さを設定する必要があり、行を一番下に追加します。

div.banner 
{
    margin-top: 20px;
    padding: 18px 24px 50px 69px;
    background:url(banner.jpg) top center no-repeat;
    width:106px;
    height:38px;
    text-align:left;
    word-wrap: break-word;
    vertical-align: middle;
    line-height:38px;
}
于 2012-07-12T13:03:54.887 に答える
0

css コードは問題なく表示されますが、vertical-align:middle; スペルが間違っています。この正しいスペルは vertical-align:middle; です。

于 2012-07-12T13:10:15.537 に答える