Question

我有html搜索表单 - 输入和按钮。

我也有搜索标题 - h2。但如果我删除h2标题我有按钮vertical-align的问题。

HTML：

.widget-title {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 18px;
}

#searchform input {
    display: block;
    max-width: 100%;
    padding: 5px 10px;
    border: 1px solid #ccc;
}

#searchsubmit {
  position: absolute;
  top: 59px;
  right: 15px;
  display: inline-block;
  width: 50px !important;
  height: 43px;
  padding: 0;
  border: none;
  margin-bottom: 0;
  vertical-align: middle;
  background-color: transparent;
}

的CSS：

sigma=[0.1085 0.1085 0.1085;
       0.1085 0.1085 0.1085;
       0.1085 0.1085 0.1085];

是否可以使用和不使用搜索标题（h2）对齐按钮？

Answer 1

你不需要在这里使用绝对定位，相对就行了。 position: relative和display: inline将解决问题。这是工作 js fiddle

标记在<h2 class="widget-title">Search</h2>且没有。

的情况下正常

html搜索表单 - 对齐提交按钮

1 个答案: