扫码关注官方订阅号
考虑我在HTML中有一个表格：
现在我只想在这个表格的末尾添加一个按钮，这个按钮的宽度必须与表格的最后一行（即“联系人”）的宽度相同（由其背景颜色表示）。现在，我该怎么做呢？当我创建一个按钮时，它只有自己创建的宽度：
点击
现在我需要一个JavaScript代码，将按钮myBtn元素的宽度设置为“联系人”行的宽度吗？
myBtn
将 display: block 和 width: 100% 添加到按钮（使用CSS或JS）将使其扩展以填充其列的宽度：
display: block
width: 100%
td { background: yellow; padding: 0; } button { background: cyan; width: 100%; border: 0; display: block; }
<table> <tr> <td>Home</td> </tr> <tr> <td>Service</td> </tr> <tr> <td>Contacts</td> </tr> <tr> <td> <button type="button" id='myBtn'>Click</button> </td> </tr> </table>
如果您想使用JS实现，可以这样做：
const button = document.getElementById('myBtn') button.style.width = '100%'; button.style.display = 'block';
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
1
1261
收藏
将
display: block和width: 100%添加到按钮（使用CSS或JS）将使其扩展以填充其列的宽度：如果您想使用JS实现，可以这样做：
const button = document.getElementById('myBtn') button.style.width = '100%'; button.style.display = 'block';