卿岚 2022-07-24 22:10 采纳率: 76.8%
浏览 226
已结题

【css】layui form的label和input在两行

【layui的css问题】layui form的label和input在两行
明明加了layui-inline，但是就是在两行，而且如果给layui-inline设置了宽度他就给input栏而不是给label。
该问题需要远程调试解决

img


img


img


img

  • 写回答

2条回答 默认 最新

  • 浪客 2022-07-24 22:24
    关注
    input外面div的class改成inline<div class="layui-input-inline">
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题？

  • layui使用label标签的方法
    2020-10-16 10:04
    在介绍layui使用label标签的方法之前，我们需要先了解layui是什么。Layui是一个前端UI框架，它以提供一套简单易用的模块化组件而受到开发者的喜爱。其中，label标签是layui中用于表单构建的重要组件，它被用来定义...
  • 基于jQuery和layui的form表单自定义js动态生成
    2022-03-09 15:36
    而layui是一款优秀的前端UI框架，提供了丰富的组件和美观的样式，使得前端页面的构建更加便捷。 一、jQuery基础 jQuery的核心功能包括选择器（用于选取DOM元素）、DOM操作（如添加、删除、修改元素）、事件处理...
  • layui radio点击事件实现input显示和隐藏的例子
    2020-10-16 12:06
    在本文中，我们将深入探讨如何使用layui框架中的radio组件来实现点击事件，从而控制input元素的显示与隐藏。layui是一个前端UI框架，它提供了一系列的模块和组件，使得前端开发更加方便快捷。在本例中，我们将结合...
  • 【教程】修改layui的form表单中label和input宽度
    2019-03-21 22:12
    hifhf的博客 有时用layui的表单元素真的傻难看傻难看的，如上图，需要修改三个地方1左侧label宽度2输入框距离左侧的距离3输入框的宽度解决方案：1设置css.layui-form-label{ width:100px; }2设置css.layui-input-block{ ...
  • 使用layui前端框架弹出form表单以及提交的示例
    2020-10-16 03:09
    在本文中，我们将深入探讨如何使用layui前端框架来弹出form表单并进行数据提交。layui是一款基于HTML5和CSS3的轻量级前端组件库，它提供了丰富的UI组件和强大的交互功能，使得Web开发更加便捷高效。下面，我们就按照...
  • layui-form
    2021-12-31 23:03
    code袁的博客 label class="layui-form-label">姓名:</label> <div class="layui-input-block"> <!--layui-input-block 块级元素 --> <input type="text" name="title" required lay-verify=
  • 解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
    2020-10-16 07:15
    LayUI是一个轻量级的前端组件库，它提供了丰富的UI组件，包括表单元素，如下拉框、单选框和复选框。当这些问题出现时，通常与渲染（render）过程有关。本文将详细讲解如何解决LayUI中form.render()不显示下拉框、...
  • 解决label和input在一行放不下时同时换行的问题
    2020-09-17 16:16
    jacob477的博客 解决label和input在一行放不下时同时换行的问题 上问题： 可以看到我们以图中红色框框起来的为一组，当前的状态的各自安好的，但好景不长，对于一些国际化的项目必须去适配多语言的系统，就导致会出现筛选项的...
  • html label input同行,bootstrap中怎样让label和input在同一行
    2021-06-23 14:24
    芒果大大的博客 基本代码：SearchBootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架。...Bootstrap是基于jQuery框架开发的，它在jQuery框架的基础上进行了更为个性化和人性化的完善...
  • Layui框架表单布局【每行一个，两个，三个input输入框】教程
    2021-09-02 13:55
    野花太放肆的博客 <input type="text" name="tertiaryIndustry" placeholder="请输入三级子行业" autocomplete="off" class="layui-input"> div> div> div> 在每个label和div外面再套一个div，样式设置为layui-col-md6，每一行的总长...
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 7月24日
  • 已采纳回答 7月24日
  • 创建了问题 7月24日