css实现元素居中显示

本文主要是介绍css实现元素居中显示，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

css实现元素居中显示

1. text-align:center;
2. margin-left:auto;
   margin-right:auto;
   width:50%;
3. height:100px;
   line-height:100px;
4. display:flex;
   justify-content:center;
   align-items:center;
   height:200px;
5. position:absolute;
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);
6. display:grid:
   place-items:center;
   height:200px;

这篇关于css实现元素居中显示的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---