在 CSS 中,控制文本垂直居中可以使用不同的方法。一种很常见的方法是使用行高,将行高设置为容器高度的值。这样,文字就可以垂直居中。例如:<style> .containe
<style> .container { height: 100px; line-height: 100px; text-align: center; } </style> <div class="container"> <p>这是一个居中对齐的段落。</p> </div>
<style> .container { height: 100px; display: table; width: 100%; } p { display: table-cell; vertical-align: middle; text-align: center; } </style> <div class="container"> <p>这是一个居中对齐的段落。</p> </div>
<style> .container { height: 100px; display: flex; justify-content: center; align-items: center; } </style> <div class="container"> <p>这是一个居中对齐的段落。</p> </div>
粉丝
0
关注
0
收藏
0