Dehnen Tag zum Ausfüllen des gesamten
Im HTML-Bereich ist das
Der Grund für dieses Dilemma liegt in der Natur von Tags als Inline-Elemente. Inline-Elementen fehlt im Gegensatz zu ihren Block-Gegenstücken die inhärente Fähigkeit, ihre Breite zu steuern. Diese Designphilosophie ergibt sich aus ihrer Hauptfunktion, fließenden Textinhalt darzustellen, der möglicherweise mehrere Zeilen umfassen kann.
Um diese Einschränkung zu umgehen und dem Tag ist eine subtile, aber wirkungsvolle Änderung erforderlich. Durch Ändern der Anzeigeeigenschaft in Block oder Inline-Block wird das Tag verwandelt sich effektiv in ein blockartiges Element und erbt die Breitensteuerungsfähigkeiten seiner Blockbrüder.
In der Praxis erfordert diese Transformation das Hinzufügen einer entsprechenden CSS-Klasse zum Tag und setzt seine Anzeigeeigenschaft entsprechend:
<code class="css">.wide {
display:block;
}</code>Wenn diese Klasse nun auf das Tags innerhalb der
<code class="html"><ul id="menu"> <li><a class="wide" href="javascript:;">Home</a></li> <li><a class="wide" href="javascript:;">Test</a></li> </ul></code>
Das obige ist der detaillierte Inhalt vonWie dehne ich Tags aus, um sie über die gesamte Breite auszufüllen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
