Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Membungkus Teks dalam Butang HTML Lebar Tetap?

Bagaimana untuk Membungkus Teks dalam Butang HTML Lebar Tetap?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-02 10:53:021054semak imbas

How to Wrap Text in Fixed-Width HTML Buttons?

Menggunakan Harta Ruang Putih untuk Membungkus Teks dalam Butang HTML

Dalam butang HTML, menetapkan lebar tetap boleh menyekat paparan teks di dalamnya. Tidak seperti sel jadual, butang biasanya tidak membungkus kandungannya secara automatik. Untuk membetulkan isu ini, sifat word-wrap sering digunakan, tetapi ia boleh memecahkan perkataan secara tiba-tiba, menyebabkan hasil akhirnya tidak diingini.

Penyelesaian:

Untuk memastikan teks membungkus butang HTML seperti dalam sel jadual, menggunakan sifat CSS ruang putih. Tetapkan nilai kepada normal, yang membolehkan teks pecah pada sempadan perkataan aslinya:

<code class="css">white-space: normal;</code>

Dengan menggunakan sifat ini, teks dalam butang akan dipaparkan seperti yang diharapkan, membalut dalam lebar tetap yang ditentukan.

Atas ialah kandungan terperinci Bagaimana untuk Membungkus Teks dalam Butang HTML Lebar Tetap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn