Comment créer un bouton en HTML avec les mêmes propriétés que la dernière ligne du tableau ?
P粉394812277
P粉394812277 2023-09-16 22:19:11
0
1
571

Considérez que j'ai un tableau en HTML :

Maintenant, je souhaite juste ajouter un bouton à la fin de ce tableau, ce bouton doit avoir la même largeur que la dernière ligne du tableau (c'est-à-dire "Contacts") (indiqué par sa couleur de fond). Maintenant, qu'est ce que je fais? Lorsque je crée un bouton, il n'a que la largeur qu'il crée :

Maintenant, j'ai besoin d'un code JavaScript qui définit la largeur de l'élément boutonmyBtnsur la largeur de la ligne Contacts ?

P粉394812277
P粉394812277

répondre à tous (1)
P粉811329034

L'ajout dedisplay: blockwidth: 100%à un bouton (en utilisant CSS ou JS) le fera s'étendre pour remplir la largeur de sa colonne :

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

Si vous souhaitez l'implémenter en utilisant JS, vous pouvez faire ceci :

const button = document.getElementById('myBtn') button.style.width = '100%'; button.style.display = 'block';
Comme+0
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!