html - vertical-align 没有将我的字段带到 DIV 的顶部

标签 html css alignment vertical-alignment

我正在尝试对齐搜索字段。我的所有元素都在父容器中,该容器具有样式

#statSearchFields {
    vertical-align: top;
    font-size: 90%;
}

元素本身看起来像

<div class="searchField">
Start Date<br>
<input type="text" name="start_date" id="start_date" value="06/28/2014" placeholder="Start Date" class="datepicker hasDatepicker">
</div>

但是当我将它们放入我的容器中时,它们看起来偏离了中心。这是示例 fiddle — https://jsfiddle.net/n73ao02h/1/ .如何使所有内容对齐?

最佳答案

您必须将 vertical-align: top; 添加到 .searchField 选择器。

更新的 jsfiddle:https://jsfiddle.net/n73ao02h/2/

关于html - vertical-align 没有将我的字段带到 DIV 的顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39088256/

相关文章:

HTML 电子邮件对齐文本

jquery - 使用 jQuery 计算 HTML 元素数量

javascript - 使用 Angular 指令使用 element.bind(event, function) 调整触发器上文本区域的大小

html - 一些奇怪的布局只使用不同高度的 ul/li 元素

c# - 如何在 C# 中的 string.Format 中进行对齐?

添加 doctype 后 JavaScript 被破坏

css - 使用 JBoss jDocBook maven 插件自定义 CSS

html - 如何将 CSS 文件链接到我在 Rails 中的 View ?

css - 使用 CSS HTML 提交按钮的垂直对齐

html - 在 Sharepoint 2013 中将嵌入的 SWF 对齐到中心