在CSS中,有一种常见的需求是要将一个父类居中显示,下面我们就来介绍其中的几种实现方法。方法一:使用margin在HTML中,首先我们需要给这个父类设置一个宽度,这个宽度可以是固定的也可以是百分比的。
html <div class="parent"> <p>这是一个段落</p> <p>这是另一个段落</p> <pre> .parent { width: 50%; margin: 0 auto; }
html <div class="parent"> <p>这是一个段落</p> <p>这是另一个段落</p> <pre> .parent { display: flex; justify-content: center; align-items: center; } .parent p { flex: 1; }
html <div class="parent"> <p>这是一个段落</p> <p>这是另一个段落</p> <pre> .parent { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
粉丝
0
关注
0
收藏
0