How to create a button in HTML with the same properties as the last row of the table?
P粉394812277
P粉394812277 2023-09-16 22:19:11
0
1
590

Consider I have a table in HTML:

Now I just want to add a button at the end of this table, the width of this button must be the same as the width of the last row of the table (i.e. "Contacts") (indicated by its background color). Now, what do I do? When I create a button it only has the width it creates:

Now I need a JavaScript code that sets the width of the buttonmyBtnelement to the width of the "Contact" row?

P粉394812277
P粉394812277

reply all (1)
P粉811329034

Addingdisplay: blockandwidth: 100%to the button (using CSS or JS) will make it expand to fill the width of its column:

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

If you want to use JS, you can do this:

const button = document.getElementById('myBtn') button.style.width = '100%'; button.style.display = 'block';
Like+0
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!