表单中select和input的宽度不一致问题
使用bootstrap创建的表单，元素均设置了"width:100%"，但在td中插入了一个span后，select输入框的宽度未能像input那样撑满单元格，如下测试代码：
<html>
<head>
<style type="text/css">
td {width: 200px; display: table;}
input, select {width: 100%; display: table-cell;}
span.unit {display: table-cell; background-color: lightgreen;}
</style>
</head>
<body>
<table>
<tr><td><input type="text"></input><span class="unit">元</span></td></tr>
<tr><td><select></select><span class="unit">元</span></td></tr>
</table>
</body>
</html>显示结果为：
如何调整css才能使select和input的宽度保持一致？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
因为display:table-cell是自适应宽度的。如果你将input,select跟后面的span分开就可以了。