Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Membuat Ruang Input Mengisi Baki Ruang dalam Bekas Lebar Tetap?
Mencapai Lebar Bendalir untuk Elemen Input dalam Bekas Lebar Tetap
Soalan:
Bagaimana bolehkah medan input digayakan untuk menduduki baki ruang yang tersedia dalam bekas lebar tetapnya, tanpa pembalut teks atau keperluan untuk menentukan saiz label terlebih dahulu?
Jawapan:
Untuk mencapai kesan ini, pertimbangkan perkara berikut:
Contoh Kod:
<form method="post"> <button>Search</button> <span><input type="text" title="Search" /></span> </form>
form { width: 500px; overflow: hidden; background-color: yellow; } input { width: 100%; } span { display: block; overflow: hidden; padding-right: 10px; } button { float: right; }
Atas ialah kandungan terperinci Bagaimana untuk Membuat Ruang Input Mengisi Baki Ruang dalam Bekas Lebar Tetap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!