Layui.form中使用class="layui-input-inline"就可轻松将元素都放到一行,但如果元素过多,就会自动换行。那就需要手动设置input框的长度。
像这种情况:
其实只需要添加css样式就可修改了
.layui-form-item .layui-input-inline {
width: 195px;
}
文章来源:https://www.toymoban.com/news/detail-742147.html
tips:需要注意的是,样式里的选择器不能直接用.layui-input-inline
。因为layui.form中默认的样式就是用.layui-form-item .layui-input-inline
去做选择器,我们需要做的就是覆盖掉这个样式。 文章来源地址https://www.toymoban.com/news/detail-742147.html
到了这里,关于layui form 中input输入框长度的统一设置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!