零基础建站培训介绍

当前位置:

Div标签水平居中与垂直居中方法

在网站制作过程中经常需要使用到让div进行水平和垂直居中的技术。现在我们就来谈谈如何实现让div水平和垂直居中。

Div标签水平居中方法

Div标签水平居中

Div标签水平居中是通过外距属性margin来控制的。代码如下:


margin:0 auto;

Div标签垂直居中方法

垂直居中也可以通过设置margin方式实现。不过不能设置为auto,要设置上下margin的具体的百分比或者具体的像素值。不过这个只能根据你的实际情况来设置,我这里只需要设置margin-top为5%就可以了。代码如下:


margin-top:5%;

 

上一课: 下一课:

发表回复

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

相关教程

  • 在网站制作过程中经常需要使用到让div进行水平和垂直居中的技术。现在我们就来谈谈如何实现让div水平和垂直居中。Div标签水平居中方法Div
  • 在CSS中可以控制DIV的边框产生阴影效果,达到立体感.也可以给图片添加阴影,使整个网站版面更加美观.CSS设置阴影效果的样式为box-shadow属性,使用方
  • DIV CSS外边距指CSS属性单词margin,margin是设置对象四边的外延边距,没有背景颜色也无颜色。1、margin语法Margin:10pxMargin的值是数字
  • HTML 文本格式化:使用 pre 标签对空行和空格进行控制。“计算机输出”标签:这些标签常用于显示计算机/编程代码。引用标签:使用 blockquote
  • HTML粗体标签:HTML b 标签b 标签-- 定义粗体文字 不符合标准网页设计的理念,不赞成使用. b标签是成对出现的,以<b>开始,以</b>结束 .
  • HTML换行标签:<BR/>br 是换行(Break)的缩写。文本会在这个标签的地方换行。在HTML代码里直接换行的话,按浏览器的不同可能显示为一个空格,或
  • 如何在网页文字后加水平线?在HTML中,定义水平线可以使用水平线标签HR标签来写一个水平线。基本写法:[cce_html]<hr />[/cce_html]并且
  • html中marquee标签让图片水平滚动可以如下写法:[cce_html]<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"
  • html 居中对齐代码写法 (113457 次浏览)
    在做网站时,网页的文字往往需要进入居中排版,例如水平居中和垂直居中等。下面学做网站就来介绍一下常用的html 居中对齐代码写法。HTML水平居中
  • DIV如何自动居中 图文教程 (13449 次浏览)
    DIV居中分为垂直居中与水平居中,关于div两种居中其根柢组织成绩是一致的,一个是结构的css布局,一个是模式排版组织。DIV如何自动居中?可以
  • 做网站时,避免不了网站上有大量的图片。网站上的图片显示就需要使用img图片标签。HTML img图片标签写法[cce_html]<img src="图片地址" alt=
  • 通常所说的META标签,是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、