学做网站培训课程介绍

当前位置:

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控制文字垂直居中

发表评论

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

相关教程

  • CSS如何调整DIV顶部边距 图文教程 (126335 次浏览)
    作者: wenmp424Email: 1871663623@qq.com详细内容:想把网站LOGO往下调,同时把导航往上调,跟背景图对齐,里面那一句是添加上边距的呢,该怎
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制文字水平居中、垂直居中。CSS控制文字水平居中,需要使用text-align属性,其
  • CSS控制DIV外边距 内边距 视频教程 (113001 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制DIV外边距 内边距。做网站时,可以通过CSS来设置一个DIV与其它DIV之间的边距,
  • 在制作网页中我们时常会将一些文字、图片等做成超链接,但如果在制作时,某些链接页面还没有做好,这时我们就可以用的空链接,提醒自己哪些地方需要添
  • DW中插入文字是最简单的操作,我们可以像在word一样随意的打出自己想要的文字。打开DW后,点击“设计”模式,在文字框中就可以打字了。插入文字可以是
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下DIV水平居中显示CSS代码。当我们写了一个DIV后,默认情况下,DIV是左对齐的,如何让一个DI
  • 在Dreamweaver cs5中,当我们点击HTML网页中的图片时,可以设置图片与文字的混排对齐方式。但在Dreamweaver CS6破解版版本中,软件已经取消了这个对齐