【问题标题】:input box not fitting inside div cross browser输入框不适合 div 跨浏览器
【发布时间】:2013-11-04 22:12:31
【问题描述】:

我无法将输入框保存在我的div 中。它在 safari 和 chrome 中看起来非常好,但在 Firefox 中它溢出到下一行导致问题。

代码太长了,所以这里是jsfiddle example。如果我能提供更好的帮助,请告诉我。

这是它在 Safari/Chrome 中的样子:

在 Firefox 中:

谁能帮忙?

【问题讨论】:

    标签: html css input cross-browser


    【解决方案1】:

    我找到了一个真正简单的解决我的问题的方法。

    我编辑了以下内容并在 div 中添加了一个 line-height,以便它可以在所有浏览器中提升文本。

    .sectionBlock {
      border-right:1px solid #000;
      height:18px;
      line-height:14px;
    }
    .formLine {
      border-bottom:1px solid #000;
      padding:2px;
      height:18px;
      line-height:12px;
    }
    

    感谢@robjb 为我重新编辑我的问题,感谢@Danko 查看代码。

    【讨论】:

      猜你喜欢
      • 2013-11-04
      • 2015-01-19
      • 2016-06-18
      • 1970-01-01
      • 1970-01-01
      • 2011-09-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多