Heim >Web-Frontend >CSS-Tutorial >Wie erreicht man eine feste Breite in einem Bereich innerhalb einer ungeordneten Liste, ohne die Auffüllung oder Tags zu ändern?

Wie erreicht man eine feste Breite in einem Bereich innerhalb einer ungeordneten Liste, ohne die Auffüllung oder Tags zu ändern?

Linda Hamilton
Linda HamiltonOriginal
2024-11-05 18:30:02925Durchsuche

How to Achieve Fixed Width in a Span Within an Unordered List without Modifying Padding or Tags?

Erzielen einer festen Breite in einem Bereich innerhalb einer ungeordneten Liste

Beim Arbeiten mit ungeordneten Listen kann es wünschenswert sein, Text nach einer festen Breite auszurichten -Spannweite. Das Modifizieren der Auffüllung oder das Hinzufügen/Ändern von Tags ist jedoch nicht zulässig. Die folgende Lösung bietet eine Möglichkeit, dieses Ziel zu erreichen, ohne diese Einschränkungen zu verletzen:

Verwendung von CSS

Ein idealer Ansatz wäre die Verwendung des folgenden CSS:

span {
  display: inline-block;
  width: 50px;
}

Diese Lösung ist in allen Browsern außer Firefox 2 und früheren Versionen wirksam. Erwägen Sie für diese älteren Browser stattdessen die Verwendung des Werts -moz-inline-box. Beachten Sie jedoch, dass es sich anders verhält als der Inline-Block und in bestimmten Szenarien zu unerwarteten Ergebnissen führen kann.

Das obige ist der detaillierte Inhalt vonWie erreicht man eine feste Breite in einem Bereich innerhalb einer ungeordneten Liste, ohne die Auffüllung oder Tags zu ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn