尝试对齐跨度和输入

dun*_*nfa 5 html css input

我有两个按钮,一个用作输入,另一个用作跨度.它们并排放置:

{ display:inline-block; }
Run Code Online (Sandbox Code Playgroud)

按钮从自定义标签呈现,类名在jsp中动态添加.在css中,有一些阴影,背景渐变,填充和字体的定义.他们确实使用了一些CSS3,如border-radius.

但在Firefox中,span按钮的高度为18而输入为20.有趣的是,它们在IE 8中的高度都是25px,为什么呢?

现在我需要它们具有相同的高度并水平对齐.

更新:现在我在jsfiddle中有这两个按钮.使用高度:22px; 和vertical-align:top; 无济于事.

http://jsfiddle.net/gBeCP/

bea*_*der 7

尝试设置vertical-align:topinput标签.我建议专门设置尺寸,px因为这会阻止浏览器应用默认值.