Cara automatik untuk membungkus teks ke dalam elemen baharu tanpa perlu melakukannya secara manual atau menggunakan rangka kerja .js/js

Question

Apa yang saya mahu lakukan adalah serupa dengan pembalut kotak teks dalam Photoshop/Illustrator/perisian lain, anda boleh menulis perenggan tetapi jika ia "melimpah" ia akan melompat ke kotak teks lain sama seperti mengisi kotak teks itu.

Jika boleh, saya ingin dapat melaksanakan fungsi ini tanpa menggunakan JavaScript, hanya menggunakan HTML/CSS, atau sekurang-kurangnya tahu bahawa ini tidak mungkin dan saya harus beralih kepada penyelesaian lain.

Contoh visual tentang perkara yang saya mahu: https://i.stack.imgur.com/Dzbhv.jpg

Saya mencuba setiap sifat yang saya lihat untuk pembalut teks CSS, dan juga web dikikis, tetapi saya tidak nampak apa-apa yang menyerupai apa yang saya mahukan.

P粉476547076 · Answer

Anda boleh menetapkan bilangan perkataan yang dipaparkan untuk mengelakkan daripada keluar dari kotak (klasik "baca lebih lanjut"), tetapi saya mengesyaki anda hanya boleh mencapai ini menggunakan html/css.

Sudah tentu, saya mungkin salah, tetapi saya tidak nampak html atau css yang boleh berkomunikasi, memotong kandungan dan secara automatik melompat ke div seterusnya berdasarkan syarat tertentu.

P粉920835423 · Answer

Saya mendapat cadangan yang agak hampir di tempat lain dan saya menyiarkan di sini untuk membantu orang lain yang mungkin memerlukannya, nampaknya tiada kaedah apungan percuma, namun, column-(x) atribut nampaknya merupakan pilihan terbaik.

Sesetengah dokumentasi boleh didapati di sini: https://www.w3schools.com/css/css3_multiple_columns.asp

Cara saya melaksanakannya ialah dengan memberikannya kelas yang menerangkan diri (tigaColumnDiv dalam kes ini) dan menggunakannya pada bila-bila masa saya memerlukannya.

Perkara lain yang nampaknya sesuai ialah atribut grid-row (rujukan: https://www.w3schools.com/cssref/pr_grid-row.php).

Jika ada apa-apa lagi yang diperlukan, nampaknya anda perlu melakukannya dengan cara tersuai, tetapi saya rasa kes tepi ini jarang berlaku dan tidak sepatutnya menjadi isu besar.