margin自适应

论坛 期权论坛 脚本     
匿名技术用户   2020-12-21 21:13   11   0

之前写自适应网页都是用百分比来确定元素的宽度的,但是百分比确定宽度在同一行有两个元素,且第一个元素宽度不需要变动的情况下就不怎么好用了。


比如 <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;}

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP