前端.解决form-contral总是换行问题

Posted initx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端.解决form-contral总是换行问题相关的知识,希望对你有一定的参考价值。

form-control 总是会换行,后面加单位的时候很难看,如下图。

1 <div class="col-sm-3"> 
2      <input id="investAmount" name="investAmount" class="form-control" required th:field="*{investAmount}" type="text">
3     <select name="unit" class="form-control" th:field="*{unit}" id="unit" >
4           <option value="万元">万元</option>
5       <option value="亿元">亿元</option>
6    </select>    
7  </div>

 

技术图片

 

尝试了多种方法,终于发现 在外框里加入 form-inline就可完美解决。

1 <div class="form-inline col-sm-3"> 
2      <input id="investAmount" name="investAmount" class="form-control" required th:field="*{investAmount}" type="text">
3     <select name="unit" class="form-control" th:field="*{unit}" id="unit" >
4           <option value="万元">万元</option>
5       <option value="亿元">亿元</option>
6    </select>    
7  </div>

技术图片

 

以上是关于前端.解决form-contral总是换行问题的主要内容,如果未能解决你的问题,请参考以下文章

小红书 - 只需一招带你解决笔记“换行”问题

用换行符保存的 textarea 无法按创建返回到我的项目的前端,如何解决?

问题解决微信小程序对话中输出文字不换行

web前端用bootstrap开发,为啥<p>里面的内容不会自动换行,全在同一行呢?

百度空间写的文章发表后怎么按模板自动换行?

confirm显示数组中的内容时,总是带一个逗号分隔的解决方法