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

偏执的太偏执、 2023-08-17 15:20 204阅读 0赞

[前端.解决form-contral总是换行问题][._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>

![1536127-20190912085316842-664753633.png][]

尝试了多种方法，终于发现 在外框里加入 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>

![1536127-20190912085807006-291514045.png][]

posted on 2019-09-12 08:59  [Initial-X][] 阅读( ...) 评论( ...) [ 编辑][Link 1] 收藏

转载于:https://www.cnblogs.com/initx/p/11509959.html

[._form-contral]: https://www.cnblogs.com/initx/p/11509959.html
[1536127-20190912085316842-664753633.png]: /images/20230810/544abec5eac34c1fa9b8253b3e92bbfa.png
[1536127-20190912085807006-291514045.png]: /images/20230810/a7401cdfa7554159936e06942c787d1b.png
[Initial-X]: https://www.cnblogs.com/initx/
[Link 1]: https://i.cnblogs.com/EditPosts.aspx?postid=11509959

发表评论取消回复

表情：

评论列表（有 0 条评论，204人围观）

还没有评论，来说两句吧...

相关阅读

相关解决android textview自动换行问题

今天项目没什么进展，公司后台出问题了。看了下刚刚学习Android时的笔记，发现TextView会自动换行，而且排版文字参差不齐。查了下资料，总结原因如下： 1、半角字符与全

Bertha 。/ 2024年02月17日 17:16/ 0 赞/ 70 阅读

相关 layer.tips换行问题(解决layui tips连续英文和数字不换行问题)

jsp>style里添加: .layui-layer-tips { word-break: break-all; } tip

朱雀/ 2023年10月18日 14:17/ 0 赞/ 139 阅读

相关 c语言换行(c语言换行是什么意思)

什么是C语言 C語言是1972年左右由DennisRitchie一??人在?????室(?稱AT&T)設?開發出?淼碾?腦程式語言.他??r與KenThompson?扇斯

缺乏、安全感/ 2023年09月26日 12:30/ 0 赞/ 65 阅读

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

[前端.解决form-contral总是换行问题][._form-contral] form-control 总是会换行，后面加单位的时候很难看，如下图。 1 <d

偏执的太偏执、/ 2023年08月17日 15:20/ 0 赞/ 205 阅读

相关 ELK解决日志换行问题

我们在部署elk完后，在kibana上发现很多ERROR日志换行情况，结果会在kibana上看到多行的error日志我们常出现的ERROR日志如下 [INFO][

左手的ㄟ右手/ 2023年07月17日 15:44/ 0 赞/ 18 阅读

相关处理文本框输入换行，前端展示换行消息

![在这里插入图片描述][20200609114400324.png] <pre>{ { item.text }}</pre> 或者 <s

旧城等待，/ 2023年02月16日 06:56/ 0 赞/ 52 阅读

相关解决android textview自动换行问题

今天忽然发现android项目中的文字排版参差不齐的情况非常严重，不得不想办法解决一下。经过研究之后，终于找到了textview自动换行导致混乱的原因了----半角

￡神魔★判官ぃ/ 2022年08月27日 03:48/ 0 赞/ 557 阅读

相关 python解决一些错误换行问题

有时候会碰到一些错误换行的数据，比如正确数据应该是： 20141010,aaa,bbb,ccc,ddd,eee 但是实际给过来的数据是： 20141

系统管理员/ 2022年08月13日 00:57/ 0 赞/ 265 阅读

相关前端-表格英文单词不换行问题

当表格内容是英文单词时，默认不会换行 ![这里写图片描述][70] 解决方法：给table设置table-layout: fixed; table下的td设置word-

╰+哭是因爲堅強的太久メ/ 2022年05月16日 08:48/ 0 赞/ 304 阅读

相关换行问题

这几天做项目的时候发现一个可以称之为奇怪的问题，我给一个txt中写入内容，用editplus、写字板等工具打开，可以换行(程序中我控制换行的)；但用记事本打开就不能换行了。网上

﹏ヽ暗。殇╰゛Y/ 2022年03月29日 06:27/ 0 赞/ 348 阅读