对于网页设计来说,让内容居中是非常重要的一个问题。CSS提供了多种方式来实现这一目标,本文将介绍其中几种方法。一、水平居中下面是一段HTML代码,我们想让其中的文字居中显示。 <div
<div class="center"> <p>这里是要居中的文字</p> </div>
.center { text-align: center; }
<table style="height:100%"> <tr> <td align="center" valign="middle"> <p>这里是要居中的文字</p> </td> </tr> </table>
html, body { height: 100%; }
<div class="center-v"> <p>这里是要居中的文字</p> </div>
.center-v { display: flex; align-items: center; }
<div class="center-both"> <p>这里是要居中的文字</p> </div>
.center-both { display: flex; justify-content: center; align-items: center; }
粉丝
0
关注
0
收藏
0