小さなボタンにテキストを入力

.buttonVehicle{float:right; height:15px; padding:none; margin:none; text-align:center; text-indent:0; text-decoration:none; text-transform:none;}

ボタンは表示されますが、その中のテキストは表示されません。小さなボタンにテキストを入力

<asp:button id="btn" runat="server" CssClass="buttonVehicle" Text="..." />

2011-07-20 joncodo

ボタン内に収まるようにフォントのサイズを小さく設定します。 font-size：8px;行の高さをフォントの適切な高さに設定するには、通常、フォントより2px大きいので、行の高さは10pxです。

2011-07-20 17:54:43 Feuerwehrmann

ありがとうございました！ – joncodo

これは、ボタンの高さが短すぎるためです。

実際にはテキストがボタンの下に表示されています。 35pxのような高さに設定すると、テキストが再び表示されます。

2011-07-20 17:00:09

これは当てはまりますが、ボタンを小さくする必要があります。テキストの配置を上などに変更できますか？ – joncodo

Niiice、+1を取得する –

テキストを表示する私が今考えている唯一のことは、font-sizeを8pxに設定することです。これはいくつかの小さな点を作るが、それでもなお彼らは視野に入っている。 –

-1

スタイルのパディングと余白の属性をnoneではなく0pxに変更してみてください。

2011-07-20 17:07:05

ボタンを小さくしたい場合は、希望のボタンのような画像を作成してから、asp:ImageButtonを使用します。ちょうど考えて

2011-07-20 17:23:16

テキストが変更される可能性があります。有効な試みですが、 – joncodo

答えて