Bagaimana untuk Membuat Balutan Teks dalam Butang HTML Lebar Tetap?

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!