|
之前写自适应网页都是用百分比来确定元素的宽度的,但是百分比确定宽度在同一行有两个元素,且第一个元素宽度不需要变动的情况下就不怎么好用了。
比如 <span>用户名:</span><input type="text" /> 的情况,span标签的宽度是不需要变动的,而input标签的宽度需要自适应。
这种情况下如果设定span标签为固定的值,而input的宽度为百分比的话,就会出现问题。
后来在网上查了一下,原来还可以使用margin来自适应,虽然之前都用margin: 0 auto; 来居中div,但是就是没想到用margin来自适应。
不过margin用在input上好像没有什么效果,所以只能在让input嵌套在div中。
设置input的样式为 {width: 100%;}
设置span标签的样式为 {width:80px;}
设置div的样式为 {display:inline;margin:0 10px 0 85px;} |