使用css使div居中显示

本例以vue为例，使用text-align: center 和margin:0 auto;实现div居中显示

1、html代码
<template>
  <div class="container">
    <div class="content">
      <a>这是一个内容居中的例子</a>
    </div>
  </div>
</template>
2、css代码
<style> 
  .container {
    text-align: center;
  }
  .content{
    margin:0 auto;
  }
</style>