前端.解决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 无法按创建返回到我的项目的前端,如何解决?