我正在尝试获取全宽登录表单。基本上，用户名、密码和按钮的输入字段都应该具有相同的长度。现在我可以使用跨度轻松获得此效果，问题是当我在用户名和密码“前面”添加一个图标时，输入字段超出了跨度（如果我将输入块级别应用于输入）并且按钮跨度仅到外部跨度变短（如果我尝试 btn-block）。如何让所有元素仅拉伸到包含的跨度宽度？
这是我的小提琴。
http://jsfiddle.net/sujesharukil/EP83X/21/
您可以使用 display: table 和 display: table-cell 来获取输入以正确填充跨度中的剩余空间或使用流体宽度。这是第一种方法的小提琴：
http://jsfiddle.net/EP83X/22/
或者根据固定图标宽度 (28px) 和跨度宽度 ((300-28) / 300 * 100) 在输入上使用 width: 90.666%。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
