Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menetapkan lebar input menjadi adaptif dalam html

Bagaimana untuk menetapkan lebar input menjadi adaptif dalam html

青灯夜游
青灯夜游asal
2021-12-10 16:20:555815semak imbas

Dalam HTML, anda boleh menggunakan atribut lebar dan unit panjang "%" untuk menentukan lebar peratusan bagi elemen input berdasarkan lebar blok yang mengandungi (elemen induk), dan kemudian tetapkan lebar input menjadi adaptif; sintaks "".

Bagaimana untuk menetapkan lebar input menjadi adaptif dalam html

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Dalam HTML, anda boleh menggunakan atribut lebar dan unit panjang "%" untuk menetapkan lebar input secara adaptif.

Apabila atribut lebar menggunakan unit panjang "%", anda boleh menentukan lebar peratusan berdasarkan lebar blok yang mengandungi (elemen induk).

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		<input /><br><br>
		<input style="width: 100%;" />
	</body>
</html>

Bagaimana untuk menetapkan lebar input menjadi adaptif dalam html

Tutorial disyorkan: "tutorial video html"

Atas ialah kandungan terperinci Bagaimana untuk menetapkan lebar input menjadi adaptif dalam html. 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