Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Membuat Balutan Teks dalam Butang HTML Lebar Tetap?

Bagaimana untuk Membuat Balutan Teks dalam Butang HTML Lebar Tetap?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-31 09:16:29256semak imbas

How to Make Text Wrap in Fixed-Width HTML Buttons?

Cara Mengawal Pembalut Teks dalam Butang HTML Lebar Tetap

Dalam butang HTML dengan lebar yang dipratentukan, teks selalunya kekal tidak boleh dipecahkan, membawa kepada pemangkasan janggal. Artikel ini meneroka penyelesaian kepada isu ini, membolehkan pembalut lancar bagi teks butang seperti sel jadual.

Satu pendekatan yang gagal melibatkan penggunaan sifat bungkus perkataan. Walaupun ia kelihatan intuitif, ia boleh mengakibatkan perkataan terputus pertengahan aksara.

Sebaliknya, kuncinya terletak pada sifat CSS ruang putih. Menetapkannya kepada normal untuk butang membolehkan teks pecah seperti dalam teks biasa:

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

Pertimbangkan butang berikut:

<code class="html"><input type="submit" ... style="width: 200px; white-space: normal;">Roos Sturingen / Sensors</input></code>

Dengan sifat ruang putih ditetapkan kepada biasa, teks akan membalut dengan anggun dalam lebar tetap, mengelakkan pembahagian perkataan yang tidak sedap dipandang.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Balutan 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