输入的自动保证金浮动

时间:2012-07-13 13:55:38

标签: input width margin fill

<div style="width:500px">
<input type="text"><input type="text"><input type="text">
</div>

输入的宽度为31%,我将在100%时填充父div。前两个输入的自动保证金。像这样:

enter image description here

1 个答案:

答案 0 :(得分:0)

请参阅以下代码。

<div class="container">
<input type="text"><input type="text"><input type="text">
</div>

<style type="text/css">
.container {width:500px;}
.container input {width:30%;}
.container input:first-child {margin-right:5%;}
.container input:last-child {margin-left:5%;}
</style>