# 表单文字出现换行 ## 11.9.表单文字出现换行 layui的表单左边标题最多显示5个字，超出会换行，添加css修改宽度： ~~~ #userForm .layui-form-label { width: 100px; /* 这里修改标题宽度 */ } #userForm .layui-input-block { margin-left: 130px; /* 这里要比上面始终大30px */ } ~~~ `#userForm`是表单的id，加id避免影响其他表单样式： ~~~ <form id="userForm" class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">活动起止时间</label> <div class="layui-input-block"> <input type="text" class="layui-input"/> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">活动详细介绍</label> <div class="layui-input-block"> <textarea class="layui-textarea" maxlength="200"></textarea> </div> </div> </form> ~~~