Html 正确定位输入元素

输入

元素未完全进入父级。我希望

input

位于父对象的中心，但它从顶部获得一些余量。要添加什么css来修复它

#菜单
{
高度：30px；
背景：#ccc；
}
#董事会名称
{
显示：块；
左边距：自动；
右边距：自动；
身高：80%；
垂直对齐：中间对齐；
最小宽度：200px；
}

+

您可以使用：

#board-name {
    margin-top: -18px;
}

还是打电话

#plus {
    float: left;
}

---

使用位置：相对于父母和位置：绝对相对于孩子。然后尝试margin:auto，或者您可以将left:XX和right:XX弄乱，使输入居中并浮动+：

#菜单
{
高度：30px；
背景：#ccc；
文本对齐：居中；
}
#加上
{
浮动：左；
}
#董事会名称
{
显示：块；
左边距：自动；
右边距：自动；
身高：80%；
垂直对齐：中间对齐；
最小宽度：200px；
}

+

您可以像下面这样对css进行一些更改，它还包含您的代码和其他一些内容

     #menu
     {
     height:30px;
     background: #ccc;
     }
     #plus {
     float: left;
     }
     #board-name
     {
     display: block;
     margin: 0 auto;
     height: 80%;
     vertical-align: middle;
     min-width:200px;
     position: relative;    
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     }

---

浮动或绝对定位加号图标元素…像这样？你用

+

做什么？我想让它也垂直居中。有办法吗？