Question

图像位于右侧，但输入字段的边距似乎大约为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：

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

Answer 1

只需输入

vertical-align: top;

http://jsfiddle.net/CLGNH/

输入字段具有默认边距

1 个答案: