Heim  >  Artikel  >  Web-Frontend  >  Was tun, wenn CSS nicht zentriert werden kann?

Was tun, wenn CSS nicht zentriert werden kann?

藏色散人
藏色散人Original
2021-04-26 09:12:552834Durchsuche

Die Lösung für das Problem, dass CSS nicht zentriert werden kann: Öffnen Sie zuerst die entsprechende CSS-Codedatei. Suchen Sie dann den Codeinhalt, der nicht wirksam werden kann. Fügen Sie dann die Breite, Höhe und Hintergrundfarbe zu li hinzu auto", um es zu zentrieren.

Was tun, wenn CSS nicht zentriert werden kann?

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Frage:

nav li kann nicht zentriert werden?

Was tun, wenn CSS nicht zentriert werden kann?

Lösung:

Wenn Sie eine Liste verwenden und float zu li hinzufügen, werden Sie feststellen, dass text-align:center ungültig ist. Dies liegt daran, dass li hier ein Blockelement ist. Die Verwendung von text -align ist ungültig Sie können den Effekt sehen, indem Sie Breite, Höhe und Hintergrundfarbe zu lI hinzufügen. Wenn Sie ul zentrieren möchten, können Sie derzeit nur margin:0 auto verwenden.

Wenn Sie die Randzentrierungsmethode wirklich nicht verwenden möchten, können Sie den Float von li entfernen und display:inline verwenden, um li in ein Inline-Element umzuwandeln. Anschließend können Sie text-align:center verwenden.

【Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas tun, wenn CSS nicht zentriert werden kann?. 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