原因

在外层div加上form-inline后,可以让input 和button在一行显示。但是正是这个from-inline导致的width:auto

看下图:

bootstrap框架input框的width问题。

firefox查看器最近的一个元素是form-inline,from-control。他的width 是自动的。所以问题在于更改这个优先关系。

解决方法

在input标签内加上: style="width:100 px"。该方法适用性最强。

另外重新写class,然后引入是不会读取width值的,但可以写一个max-width,然后将上面的改为百分比,效果如上图。

 

 

相关文章:

  • 2021-08-03
  • 2021-11-04
  • 2021-11-05
猜你喜欢
  • 2021-12-28
  • 2021-06-22
  • 2021-10-06
  • 2021-12-06
相关资源
相似解决方案