Question

如何使用与其他链接相同的高度，填充和边距的图像背景制作img或元素？

这是我的代码

  a   {
      display: inline-block;
      padding: 1%;
      border: 1px solid black;
      color: black;
      font-size: 15px;
    }
    a img {
      height: 15px;
      border: 1px solid red;
    }
    .backg {
      display: inline-block;
      padding: 1%;
      border: 1px solid red;
      color: black;
      background-image: url("https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/user_male2-512.png");
      background-size: 100%;

    }

这是codepen http://codepen.io/anon/pen/ZQRyOd?editors=1100

Answer 1

我不确定我是否理解了这个问题，但您可以将vertical-align: middle;添加到.backg和a img

Answer 2

在我看来，如果你不关心旧的浏览器，你应该使用flexbox 这是一个很好的指南：

A Complete Guide to Flexbox

如何使用元素完美地居中图像

2 个答案: