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
Lepaskan: 2024-11-02 10:53:02
asal
1052 orang telah melayarinya

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan