Bagaimana untuk mencipta butang dalam HTML dengan sifat yang sama seperti baris terakhir jadual?
P粉394812277
P粉394812277 2023-09-16 22:19:11
0
1
584

Pertimbangkan saya mempunyai jadual dalam HTML:

Sekarang saya hanya mahu menambah butang di hujung jadual ini, butang ini mesti mempunyai lebar yang sama dengan baris terakhir jadual (iaitu "Kenalan") (ditunjukkan oleh warna latar belakangnya). Sekarang, apa yang saya buat? Apabila saya mencipta butang, ia hanya mempunyai lebar yang dihasilkannya:

Sekarang saya memerlukan kod JavaScript yang menetapkan lebar butangmyBtnelemen kepada lebar baris Kenalan?

P粉394812277
P粉394812277

membalas semua (1)
P粉811329034

Menambahdisplay: blockwidth: 100%pada butang (menggunakan CSS atau JS) akan menyebabkannya mengembang untuk memenuhi lebar lajurnya:

td { background: yellow; padding: 0; } button { background: cyan; width: 100%; border: 0; display: block; }
首页
服务
联系人
Home
Service
Contacts

Jika anda ingin melaksanakannya menggunakan JS, anda boleh melakukan ini:

const button = document.getElementById('myBtn') button.style.width = '100%'; button.style.display = 'block';
Suka+0
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
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!