Heim > Web-Frontend > HTML-Tutorial > Die Lösung zur Definition der Mindesthöhe der Spanne hat keine Auswirkung auf die Produktion von HTML/Xhtml-Webseiten

Die Lösung zur Definition der Mindesthöhe der Spanne hat keine Auswirkung auf die Produktion von HTML/Xhtml-Webseiten

WBOY
Freigeben: 2016-05-16 16:37:42
Original
1511 Leute haben es durchsucht

Das Span-Tag wird häufig beim Erstellen von HTML-Webseiten verwendet, aber einige Freunde haben Probleme mit der Verwendung dieses Tags. Viele Freunde denken anscheinend, dass es einfach zu verwenden ist, aber es ist sehr umständlich, es zu verwenden, insbesondere wenn die Breite definiert werden muss Höhe.

Ein Freund hat einmal gefragt: Warum ändern sich Breite und Höhe eines Spans nach der Definition der Höhe und Breite mit CSS immer noch nicht, als ob es fehlgeschlagen wäre?

Tatsächlich ist dieses Problem sehr einfach – Sie müssen zuerst die Eigenschaften von span verstehen, da span ein Inline-Element ist und Inline-Elemente Breite und Höhe ignorieren. Sobald Sie dies verstanden haben, ist die Lösung sehr einfach. Lösen Der beste Weg besteht darin, CSS zu verwenden, um span in ein Boxed-Element umzuwandeln.

Es gibt zwei Möglichkeiten, ein Inline-Element als Box-Element zu definieren:

1. Verwenden Sie direkt das Anzeigeattribut, um es als Box-Element zu definieren

Code kopieren
Der Code lautet wie folgt:
display:block;

2. Floats verwenden Das Attribut float definiert es automatisch als Boxed-Element.



Kopieren Sie den Code
Der Code lautet wie folgt:
float:left
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage