CSS -webkit-box-orient: vertikale Eigenschaft nach der Kompilierung verloren

1. Ursache

Die Anforderung besteht darin, zwei Zeilen anzuzeigen und den zusätzlichen Text durch drei Punkte zu ersetzen. Daher werden diese weniger standardisierten Attribute verwendet.

Anzeige: -webkit-box;
-Webkit-Leitungsklemme: 2;
-webkit-box-orient: vertikal;

Später stellte ich fest, dass der Code gut geschrieben war, aber auf der Seite nicht reagierte, als hätte ich ihn gar nicht geschrieben. Ich überprüfte ihn mit F12 und stellte fest, dass das Attribut -webkit-box-orient: vertical; fehlte, sodass es nicht wirksam wurde. Ich habe dieses Attribut gerade in Styles hinzugefügt und kam daher zu dem Schluss, dass es durch den Kompilierungsprozess verloren gegangen war.

2. Lösung

Ich habe im Internet eine praktikable Lösung gefunden. Um den Autoprefixer auszuschalten, gibt es eine Möglichkeit, es so zu schreiben:

/*!autoprefixer: aus */
-webkit-box-orient: vertikal;
/* Autopräfixer: ein */

Dies löst zwar das Problem der fehlenden Kompilierung, aber während des Kompilierungsvorgangs wird eine Warnung ausgegeben. Schließlich wurde auf GitHub die beste Lösung gefunden, wie folgt

/* Autoprefixer: Nächstes ignorieren */
-webkit-box-orient: vertikal;

Das Problem wird perfekt gelöst und es wird keine Warnung gemeldet.

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.