CSS控制文字水平居中、垂直居中
以下为学做网站论坛关于“CSS控制文字水平居中、垂直居中”讲解视频教程。
欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制文字水平居中、垂直居中。
CSS控制文字水平居中,需要使用text-align属性,其值为center(居中)。代码如下:
<style>.ys{text-align:center}</style>
<div class="ys">这是一段文字</div>
<div class="ys">这是一段文字</div>
居中效果如下图:
CSS控制文字垂直居中,需要使用line-height属性,其值与height的值相同即可。代码如下:
<style>.ys{height:30px;line-height:30px}</style>
<div class="ys">这是一段垂直居中的文字</div>
<div class="ys">这是一段垂直居中的文字</div>
垂直居中效果如下图: