【input栏位宽度的自适应 _表单元素 _布局】

input栏位宽度的自适应

我也踩过这个坑( 3 )

已统计您的踩坑,无需重复点击

回答(2)

表单元素布局

详细描述

截图

代码

html代码
<div class="password">
            <img src="img4/locked.png">
            <input type="password" name="password" placeholder="请输入密码" required class="pnb"/>
        </div>
css代码
.pnb{
    border-width:0;
    font-size: 0.32rem;
    outline: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.55rem;
    border: none;
    height: 1rem;
    width: 70%;    
}

编辑于2024-04-18

时间排序

热门排序

[散修弟子]Python-1063
0

没什么人回答唉

查看全部>

编辑于2018-06-27
[上海|结业弟子]JS-任我行
0

width中一个calc属性
可以用这个来实现宽度的自适应
比如在input样式中写如下样式
width: calc(100% - 1.55rem);

查看全部>

编辑于2018-09-14

去第页