零基础学做网站培训介绍

当前位置:

CSS控制文字水平居中、垂直居中

以下为学做网站论坛关于“CSS控制文字水平居中、垂直居中”讲解视频教程。

欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制文字水平居中、垂直居中

CSS控制文字水平居中,需要使用text-align属性,其值为center(居中)。代码如下:

<style>.ys{text-align:center}</style>
<div class="ys">这是一段文字</div>

居中效果如下图:

CSS控制文字水平居中

CSS控制文字垂直居中,需要使用line-height属性,其值与height的值相同即可。代码如下:

<style>.ys{height:30px;line-height:30px}</style>
<div class="ys">这是一段垂直居中的文字</div>

垂直居中效果如下图:
CSS控制文字垂直居中

发表评论

电子邮件地址不会被公开。 必填项已用*标注