1

私はこれを持っています:

<td>                            
    <a id="linkbt_cashier" href="#" class="link_ball" style="font-size: 16px;margin-right:20px;">Add Credits</a>
</td>

私の画像は127x127で、次のように、画像内に1行だけでなく2行のテキスト行が必要です:

  Add
Credits

line-height と height を試してみましたが、画像の高さに対して 2 つの単語が小さすぎるため、うまくいきませんでした。

初心者の質問で申し訳ありません。助けてくれてありがとう。

4

4 に答える 4

2

タグは基本的に<a>インライン要素です。この要素の幅は、アンカー テキストの長さに依存します。したがってdisplay: inline-block、幅を使用して指定します。

Quirksmode の引用:

この値の実際の用途は、インライン要素に幅を与えたい場合です。状況によっては、実際のインライン要素に幅を許可しないブラウザーもありますが、display: inline-block に切り替えると、幅を設定できます。

于 2013-09-20T14:54:23.883 に答える
1

display:blockA タグでを使用して a を設定width:し、制限されたスペースで単語の折り返しが自動的に発生するようにするか<br />、テキストに a を埋め込むことができます。

于 2013-09-20T14:53:25.097 に答える
1

多分あなたはbrを使うことができます、それは私にとってはうまくいきます

<td>                            
    <a id="linkbt_cashier" href="#" class="link_ball" style="font-size: 16px;margin-right:20px;">Add <br />Credits</a>
</td>
于 2013-09-20T14:56:35.913 に答える
0

テキスト内に区切り (<br />) を追加するだけです。コードを次のように変更します。

<td>                            
    <a id="linkbt_cashier" href="#" class="link_ball" style="font-size: 16px;margin-right:20px;">Add<br />Credits</a>
</td>

お役に立てれば。

于 2013-09-20T14:55:24.773 に答える