Heim  >  Artikel  >  Web-Frontend  >  Das Problem der Definition der Mindesthöhe des Inline-Elements span_HTML/Xhtml_Webseitenproduktion

Das Problem der Definition der Mindesthöhe des Inline-Elements span_HTML/Xhtml_Webseitenproduktion

WBOY
WBOYOriginal
2016-05-16 16:39:341313Durchsuche

Das Span-Tag wird häufig beim Erstellen von HTML-Webseiten verwendet, aber einige Freunde sind nicht gut darin, dieses Tag zu verwenden. Viele Freunde scheinen zu denken, dass es einfach zu verwenden ist, aber es ist sehr umständlich, es zu verwenden, insbesondere die Breite und Höhe Dafür muss die Zeit definiert werden.
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 Attribute 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 Verwenden Sie einfach CSS, um span in ein Boxed-Element umzuwandeln.

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

1. Verwenden Sie direkt das Anzeigeattribut display, um es als Boxed-Element zu definieren;
2. Verwenden Sie das Floating-Attribut float, um es automatisch als Boxed-Element zu definieren;

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