简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Rumah
Artikel
Soal Jawab
Kursus
Topik
Muat turun
Permainan
Kamus
kemas kini terkini

Rumah  >  Soal Jawab  >  teks badan

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

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粉148782096P粉148782096400 hari yang lalu571

membalas semua(2)saya akan balas

  • P粉476547076

    P粉4765470762023-09-15 12:51:49

    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.

    balas
    0
  • P粉920835423

    P粉9208354232023-09-15 11:40:48

    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.

    Terima kasih semua atas maklum balas dan bantuan anda mengenai isu ini!

    balas
    0
  • Batalbalas