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

偏执的太偏执、 2023-08-17 15:20 190阅读 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 条评论，190人围观）

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

相关阅读

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

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

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

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

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

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

相关 ELK解决日志换行问题

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

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

相关解决vue字符串换行问题(绝对管用)

vue 中用 \{ \{\}\} 进行数据绑定的时候，如果我么你想让字符串换行是不生效的解决办法，不用上边的方式进行数据绑定，用v-html标签代替\{ \{\}\}

柔光的暖阳◎/ 2022年09月08日 13:55/ 0 赞/ 738 阅读

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

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

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

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

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

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

相关 JLabel、JButton换行问题

转载自: http://blog.sina.com.cn/s/blog\_6eef4a86010140or.html JLabel、JButton等不能

左手的ㄟ右手/ 2022年08月06日 12:07/ 0 赞/ 190 阅读

相关 UE4 换行问题

在文本输入时，换行要用Shit+Enter，才能换行，今天要用到的是自动换行，终于找到了，用TextBox(Multi-Line),然后更改下面参数： ![20170217

﹏ヽ暗。殇╰゛Y/ 2022年07月10日 14:29/ 0 赞/ 540 阅读

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

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

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

相关换行问题

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

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