21
2019
03

【教程】修改layui的form表单中label和input宽度

image.png

有时用layui的表单元素真的傻难看傻难看的,如上图,需要修改三个地方

1左侧label宽度

2输入框距离左侧的距离

3输入框的宽度

解决方案:

1设置css

.layui-form-label {
    width: 100px;
}

2设置css

.layui-input-block {
    margin-left: 130px;
}

3修改form的宽度

<form id="form1" class="layui-form" style="width: 60%;margin-top: 20px;">

结果如下图:

image.png

打赏
« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。