Wie kann ich die Breite eines Label-Tags steuern?

Das label-tag nicht über die Eigenschaft "Breite", also wie sollte ich die Breite eines label-tag?

InformationsquelleAutor der Frage ziiweb | 2010-05-12

  1. 159

    CSS zu verwenden, natürlich...

    label { display: block; width: 100px; }

    Den width Attribut ist veraltet, und CSS sollte immer verwendet werden, um die Kontrolle über diese Arten von Layout-Stilen.

    InformationsquelleAutor der Antwort Josh Stodola

  2. 76

    Mithilfe der inline-block ist besser, weil es nicht zwingen, die übrigen Elemente und/oder Kontrollen gezogen werden in eine neue Zeile.

    label {
  width:200px;
  display: inline-block;
}

    InformationsquelleAutor der Antwort M009

  3. 27

    Inline-Elemente (wie SPAN, LABEL, etc.) werden angezeigt, so dass Ihre Höhe und Breite berechnet werden, indem der browser, basierend auf deren Inhalt. Wenn Sie möchten, zu Steuern, Höhe und Breite ändern Sie die Elemente' Blöcke.

    display: block; macht das element angezeigt als einen festen block (wie z.B. DIV-tags), was bedeutet, dass es einen Zeilenumbruch nach dem element (es ist nicht inline). Sie können zwar display: inline-block um das Problem zu beheben Leitungsbruch, diese Lösung funktioniert nicht im IE6, weil der IE6 nicht erkennt inline-block. Wenn Sie wollen, dass es cross-browser-kompatibel dann schauen Sie bei diesem Artikel: http://webjazz.blogspot.com/2008/01/getting-inline-block-working-across.html

    InformationsquelleAutor der Antwort Srka

  4. 5

    Angabe der Breite, Label nicht eine richtige Art und Weise. sollten Sie ein div oder Tabelle Struktur zu verwalten. aber immer noch, wenn Sie nicht möchten, ändern Sie Ihren ganzen code, dann können Sie verwenden Sie folgenden code.

    label {
  width:200px;
  float: left;
}

    InformationsquelleAutor der Antwort Yaxita Shah

  5. 2
    label {
  width:200px;
  display: inline-block;
}

OR 

label {
  width:200px;
  display: inline-flex;
}

OR 

label {
  width:200px;
  display: inline-table;
}

    InformationsquelleAutor der Antwort shiny

  6. 0

    Können Sie entweder geben Sie der Klasse den Namen, um alle label so, dass alle dieselbe Breite :

     .class-name {  width:200px;}

    Beispiel 

    .labelname{  width:200px;}

    oder Sie können einfach geben, der rest der Beschriftung 

    label {  width:200px;  display: inline-block;}

    InformationsquelleAutor der Antwort Ajinkya

Schreibe einen Kommentar