如何让div中的a标签上下左右居中对齐

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/u014789708/article/details/100537560

案例：
 

<div class="show-more">
 
    <a href="###">LEARN MORE</a>
 
</div>

解决方案：
 

   .show-more{
      width: 200px;
      height: 30px;
      border: 1px solid red;
      border-radius: 20px;
      text-align: center;
      display:table;
    }
    .show-more a{
      display:table-cell; 
      vertical-align:middle;
    }