简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

html怎么设置input的宽度自适应

青灯夜游
Lepaskan： 2021-12-10 16:20:55
asal
5777 orang telah melayarinya

在html中，可以利用width属性和“%”长度单位给input元素定义基于包含块（父元素）宽度的百分比宽度，进而设置input的宽度自适应；语法“”。

html怎么设置input的宽度自适应

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在html中，可以利用width属性和“%”长度单位来设置input的宽度自适应。

当width属性使用“%”长度单位时，可定义基于包含块（父元素）宽度的百分比宽度。

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

	<body>
		<input /><br><br>
		<input style="width: 100%;" />
	</body>
</html>
Salin selepas log masuk

1.gif

推荐教程：《html视频教程》

Atas ialah kandungan terperinci html怎么设置input的宽度自适应. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html input
sumber：php.cn
Artikel sebelumnya：html怎么设置input只能输入数字 Artikel seterusnya：html下拉列表怎么做的
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
Isu terkini
Manfaatkan komponen VueJS dalam PHP Saya mahu mencampurkan HTML asas yang dijana oleh komponen Php dan VueJS tanpa perlu mengg...
daripada 2023-11-11 00:01:44
0
2
288
Bagaimana untuk menggunakan tag primitif terbuka dalam js 13 seterusnya? Dalam kemas kini NextJS13 baru-baru ini, mereka memperkenalkan cara baharu mengendalikan t...
daripada 2023-11-10 23:03:51
0
1
527
Pengirim PHP tidak berfungsi: tiada log ralat, mesej mengatakan dihantar tetapi tidak diterima Saya tidak menerima sebarang log ralat dalam log ralat php pelayan web saya. Saya telah me...
daripada 2023-11-10 15:02:39
0
1
218
v-date-picker untuk memilih bulan dan tahun sahaja Sila beritahu saya jika ada cara lain untuk melakukan ini menggunakan v-date-picker. Saya ...
daripada 2023-11-10 14:05:05
0
1
269
Tajuk yang ditulis semula ialah: SweetAlert2: parameter "onBeforeOpen" tidak diketahui Saya menggunakan Laravel5.8 dengan Sweetalertv2 dan saya cuba mencetuskan makluman ini pad...
daripada 2023-11-10 09:39:01
0
1
257
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！