Wie füge ich einen Absatz in ein CSS-Polygon ein?
Ich konnte shape-outside: polygon(...) und clip-path: polygon(...) erfolgreich verwenden, um eine gewünschte Polygonform zu erstellen.
Ich habe viele Seiten gesehen, die auf die Verwendung von shape-inside verweisen, und dennoch habe ich gelesen, dass shape-inside veraltet war und keinen Ersatz hat. Sie wurden auch im Jahr 2014 geschrieben, daher hoffe ich, dass sich CSS3 seither verändert hat.
Nachdem ich im Internet geschaut habe, konnte ich etwas zusammenfügen, das fast funktioniert. Ich mag die Form, aber jetzt brauche ich die Textverpackung in der Form mit dem Überlauf versteckt.
Ich habe Hinweise auf ::before gesehen, aber ich verstehe immer noch nicht, wie das helfen würde. Es zu testen schien keine Ergebnisse zu ergeben.
Ob es einfach oder kompliziert ist, wie kann ich den Text mithilfe von CSS innerhalb des Polygons umbrechen? Oder liegt die Lösung außerhalb von CSS? Muss ich einen anderen Ansatz wie jQuery verwenden?
CSS
%Vor%HTML
%Vor%1 Antwort
Schau nochmal auf shape-outside .
Sie setzen es nicht auf den Textcontainer, sondern auf andere Elemente um den Text.
In Ihrem Fall müssen Sie möglicherweise mindestens 2 div haben, damit der Text fließt.
Es gibt ein Beispiel für Text, der zwischen 2 polygon s auf dieser Seite fließt.
Hoffe, das hilft.
