HTML文本没有正确对齐

我有一个文本框，当我输入术语“笔记本电脑”时，它不能正常显示。问题出在IE9，而不是Chrome。HTML文本没有正确对齐

enter image description here

HTML

<input id="small_search_string_sub" name="search_string" type="text" class="newsearch_sub rounded " placeholder="Search..." maxlength="500">

这里是CSS： -

.newsearch_sub { 
padding: 3px 10px 3px 10px; 
background-color: #FFF; 
width: 220px; 
height: 25px; 
margin-top: 10px; 
vertical-align: top; 
}

来源

2014-09-12 user1050619

嗅出IE并处理它与其他浏览器不同。 – 2014-09-12 22:11:34

是css应用于文本输入的类吗？包含相关标记会很有帮助 – kinakuta 2014-09-12 22:11:57

尝试设置行高值 – marcelo2605 2014-09-12 22:13:36

好像你没有复位输入默认样式，也输入了不格式化其上的文字，以及填充可能会推动文本到很远。

我试过了，它对IE9来说似乎很好，但是我发现你发送的代码行上有另一个类（四舍五入），这让我想知道这里是否没有东西丢失，你可以把代码链接，即使作为一个独立的页面，这样我可以在ie9上调试正确的代码，也可以给你一个解决方案，如果这个不适合你。

.newsearch_sub { 
    padding: 3px 10px 3px 10px; 
    background-color: #FFF; 
    width: 220px; 
    height: 25px; 
    margin-top: 10px; 
    vertical-align: top; 
    font:12px/24px Arial,Helvetica 
}

来源

2014-09-12 22:41:49

谢谢大家......问题出在传递一次后，我调整了固定..但是，当我单独运行此代码时，我没有任何问题，只有在使用整体代码运行时才会出现问题。 – user1050619 2014-09-12 23:34:52

HTML文本没有正确对齐

回答

相关问题