img浮在div的中间垂直？

Question

我希望将此图像垂直添加到div的中间，但它位于顶部。 任何想法如何把这个浮动左图像放在div的中间？

https://jsfiddle.net/2qcz5493/

.full_p{
    width:100%;
    height:80px;
    line-height:80px;
    text-align:left;
    border:1px solid #000;
}
.full_p img{
    float:left;
    width:50px;
    vertical-align:middle;
    border-radius:50px;
}

Answer 1

好的，所以在小提琴中图像不会加载，所以我不知道图像大小，但在你的小提琴中尝试这个代码，看看它是否有帮助。

.full_p{
    width:100%;
    height:80px;
    line-height:80px;
    text-align:left;
    border:1px solid #000;
}
.full_p img{
    width:50px;
    vertical-align:middle;
    border-radius:50px;

}

.full_p a{
    float:left;
    width:50%;
    vertical-align:middle;
    border-radius:50px;
   text-align: center;
}

基本上，你的元素不是div的直接子元素，而是元素的直接子元素。这就是我认为导致这些问题的原因所以如果我们设计了div的子项，那么你就可以得到你想要的结果。

Answer 2

.full_p{
    width:100%;
    height:80px;
  background:black;
    line-height:80px;
    text-align:left;
    border:1px solid #000;
}
.full_p img{
  background:yellow;
    float:left;
    width:50px;
    vertical-align:middle;
    border-radius:50px;
}
a{
  display:table;
  margin: 0 auto;
}