html - 输入字段有默认边距

标签 html css

图像位于右侧,但输入字段似乎有 20 像素左右的边距,但它从未在我的 CSS 中的任何位置设置过。

HTML:

<div id="vault_chat_header">
   <span><img src="<%tdir%>img/default_avatar.png" alt="Default Avatar"  class="user_avatar" /></span>
   <span><input type="text" class="vault_chat_text_field" /></span>
</div>

CSS:

.vault_chat_text_field {
    background-color: red;
    height: 48px;
    width: 92%;
}

.user_avatar {
    background-color: red;
    height: 48px;
    width: 48px;
}

文档类型:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

最佳答案

只要给出输入

vertical-align: top;

http://jsfiddle.net/CLGNH/

关于html - 输入字段有默认边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19478041/

相关文章:

html - 创建由线连接的 css 圆圈

html - Groovy MarkupBuilder - 不产生原始文本

javascript - 自定义弹出菜单 twitter-bootstrap 位于工具提示上方并在单击按钮时显示

html - 在 Mobile Safari (iOS 5)、横向和纵向中固定和居中的背景图像

html - 背景图像在顶部和底部被剪切

javascript - 使用 Javascript 按钮切换 CSS 悬停元素

css - Q : how to render css to head tag only If condition is true in haml

javascript - 如何通过调整图像大小和应用 attr 来减少页面加载时间?

html - 使用内部带有滚动 div 的 flex 容器

html - 网站上显示了一个链接,但我在 html 中找不到它。这怎么可能,我该如何解决?