html - 如何在 html div 中创建垂直居中的 html 链接按钮

Question

我经历了很多关于这个的事情。但仍然找不到任何解决方案。在每个解决方案中都有一些限制。任何人都可以为我的问题提供通用且简单的 css 代码，以将 html 链接按钮垂直居中放在 div 中吗？

如下图所示，创建帐户 按钮位于 div google 标题栏的中间 :)

Answer 1

你需要将line-height设置成和height一样，还有display: inline-block

这是一个fiddle .

如果你正在使用 sass，那么很容易编写一个 mixin(sass 格式):

=button($height: 40px)
  height: $height
  line-height: $height