零基础建站培训介绍

当前位置:

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

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

Div标签水平居中方法

Div标签水平居中

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


margin:0 auto;

Div标签垂直居中方法

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


margin-top:5%;

 

上一课: 下一课:

发表评论

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

相关教程

  •  定义和用法<address> 标签为文档或 section 定义联系信息。<address> 标签定义文档作者或拥有者的联系信息。如果 <address&g
  • 通常所说的META标签,是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、
  • HTML文档Doctype声明含义 (13746 次学习)
    html网页中,我们经常会看到下面的代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/str
  • html与xhtml有什么区别 (13564 次学习)
    html与xhtml都是静态网页的一种格式,在我们自己做网站时,都会经常遇到。它们之间有很多的相同点,也有一点区别:1.XHTML 元素必须被正确地嵌套。
  • 相同点:后缀有html,htm,shtml本质上都属于静态网页一种。(相关教程:HTML入门教程)区别:.html与.htm均是静态网页后缀名,网页文件没有区别与
  • 问题:在HTML中元素分为块状元素和行内元素,块状元素的外边距和内边距我们分别使用margin\padding属性来设置,那么行内元素可以设置margin\padding
  • html文件又称网页文件,是我们建网站过程中最常用的文件类型。对于很多做网站新手不知道html文件用什么软件打开和编辑。下面给建站新手们普及一下这个
  • html中marquee标签让图片水平滚动可以如下写法:<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollam
  • CSS中可以给一个DIV设置背景图片,甚至可以设置背景的样式和位置。(相关教程:CSS3视频教程)控制背景图片位置:background-position:水平方向,竖直
  • html基本语法汇总 (15427 次学习)
    简介HTML(Hyper Text Mark-up Language超文本标记语言):不是编程语言,而是一种描述性的标记语言,用于描述网页中内容的显示方式,比如文字以什么颜