Bootstrap Inline "Breite" Stil für Label

Ich versuche, die Breite eines Bootstrap-Label mit Inline-Stil anzupassen.Bootstrap Inline "Breite" Stil für Label

Dies ist mein Code:

<td><span class="label label-info" style="width:30px; text-align:center; background-color:#6d8cbf"> TEXT </span></td>

Leider hat mein Label nicht die Größe von 30px hat. Es passt sich immer automatisch an die minimal erforderliche Größe basierend auf der Textlänge an.

Hoffe jemand könnte helfen. Danke

Quelle

2016-12-02 C. Hediger

Da Span ein Inline-Element ist, hat es keine Breite und Höhe.

Sie können einfach display: block zum Inline-Stil hinzufügen.

<td> 
    <span style="display: block; width: 30px;">TEXT</span> 
</td>

Um den Text mehr Platz geben Ihnen auch padding nutzen könnten. Zum Beispiel

<td> 
    <span style="padding: 10px 20px;">TEXT</span> 
</td>

Quelle

2016-12-02 08:03:43 SvenL

Vielen Dank für Ihre Antwort. Aber es funktioniert nicht. http://www.bootply.com/AtikxSvhQT –

Vielen Dank. Funktioniert grundsätzlich. Aber der Text ist nicht mehr gut zentriert .... Aber es funktioniert. Vielen Dank. –

Gern geschehen. Mit _nicht gut zentriert_ meinst du horizontal oder vertikal? Denn als ich das Ergebnis betrachtete, schien der Text gut zentriert zu sein. – SvenL

Bootstrap Inline "Breite" Stil für Label

Antwort

Verwandte Themen