html - 输入和按钮内联

标签 html css button input

是否有一种多浏览器方式来内联输入和按钮?请参阅http://jsfiddle.net/wf592/ 。输入出现在按钮下方。简单的边距没有帮助:

<div>
<input type="text" style="margin-top:-50px;" /><button style="height:25px; width:20px"  />
</div>

当我使用 jQueryUI 日历时出现此错误:日历按钮自动插入到输入标记之后。所以我不想用更多的 div 来更改标记。

最佳答案

Demo Fiddle

添加:

input, button{
    vertical-align:middle;
}

有关垂直对齐的更多信息 from MDN:

The vertical-align CSS property specifies the vertical alignment of an inline or table-cell box.

关于html - 输入和按钮内联,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23214751/

相关文章:

html - 移动浏览器中的 CSS 文本阴影

CSS 未应用于渲染页面但显示在 IDE 中

javascript - 将输入标签中的文本添加到 div,然后重复

button - Material 用户界面: Unable to change button text color in theme

html - html 通讯中的图像叠加表

html - OSX 字体宽度与标准跨平台字体的窗口不同

asp.net-mvc - MVC 中的 Kendo UI 网格,带有条件自定义命令按钮

javascript - 如何使用 Java Script 和 Twitter Bootstrap 创建一个 "next"按钮来切换选项卡

javascript - 在 javascript 打印上渲染 CSS

html - 使图像占据页面上的所有剩余空间而不创建滚动条