Warum funktioniert der Texteinzug im CSS-Span-Tag nicht?

Span-Tag-Einstellung text-indent funktioniert nicht, da text-indent nur für Elemente auf Blockebene festgelegt werden kann, während Span-Tags Inline-Elemente sind: Verwenden Sie zum Festlegen den Stil „span{display:inline-block;}“. span Konvertieren Sie einfach die Beschriftung in ein Inline-Element auf Blockebene.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version. Diese Methode ist für alle Computermarken geeignet.

(Empfohlenes Tutorial: CSS-Video-Tutorial)

Das text-indent-Attribut gibt die Einrückung der ersten Textzeile im Textblock an. Hinweis: Negative Werte sind zulässig. Wenn der Wert negativ ist, wird die erste Zeile nach links eingerückt.

Der Grund dafür, dass „text-indent“ im CSS-Span-Tag nicht funktioniert

Das Festlegen von „text-indent“ auf span funktioniert nicht, da „text-indent“ nur für Elemente auf Blockebene festgelegt werden kann.

Lösung:

Aber wenn span{display:block} in ein Element auf Blockebene konvertiert wird, kommt es zu Zeilenumbrüchen, die durch Floating gesteuert werden müssen, was das Problem noch verstärkt. span{display:block}转换为块级元素，就会换行，还得通过浮动来控制，增加了麻烦。

所以改css为span{display:inline-block;}

Ändern Sie also das CSS in span{display:inline-block;}.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Einführung in die Programmierung

! ! 🎜

Das obige ist der detaillierte Inhalt vonWarum funktioniert der Texteinzug im CSS-Span-Tag nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!