Stoppt CSS3-Spalten, die Absätze aufbrechen
Wie würde ich den Browser daran hindern, Absätze bei der Verwendung von CSS3-Spalten aufzubrechen? Ich habe diesen Code:
%Vor%Dies ist eine visuelle Darstellung dessen, was ich will. Auf der linken Seite geschieht standardmäßig und auf der rechten Seite, was ich möchte.
Es macht mir nichts aus, wenn die Spalten ungleich lang sind. Wichtig ist, dass keine der divs über die Spalten verteilt ist.
2 Antworten
Die Einstellung break-inside: avoid würde dies gemäß der Beschreibung von break-inside im CSS mehrspaltigen Layout-Modul. Aber die Browser-Unterstützung ist begrenzt, so dass Sie zusätzlich einige andere Einstellungen verwenden müssen, die Ideen in älteren Entwürfen widerspiegeln, die in einigen Browsern implementiert sind:
Fügen Sie in der .box den Stil hinzu: Tags und Links html css layout css3 multiple-columns