零基础建站培训介绍

当前位置:

DIV如何自动居中

DIV居中分为垂直居中与水平居中,关于div两种居中其根柢组织成绩是一致的,一个是结构的css布局,一个是模式排版组织。

DIV自动居中

DIV如何自动居中?可以使用下面的CSS代码进行控制。


margin:0 auto

设置上下外边距为0,左右外边距为自动,自适应的css布局。

要让div水准居中,那么除了配置css margin:0 auto外,还可以使用float,不然将会导致div靠左(设置float:left)与div靠右(配置float:right)。

DIV居中实例代码


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div组织居中实例 CSS5</title>
<style>
#jz{ margin:0 auto; width:320px; height:100px; border:1px solid #F00}
</style>
</head>
<body>
<div id="jz">配置margin:0 auto兼容各大阅读器让div水平居中</div>
</body>
</html>
上一课: 下一课:

发表回复

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

相关教程

  • 在网站制作过程中经常需要使用到让div进行水平和垂直居中的技术。现在我们就来谈谈如何实现让div水平和垂直居中。Div标签水平居中方法Div
  • 在CSS中可以控制DIV的边框产生阴影效果,达到立体感.也可以给图片添加阴影,使整个网站版面更加美观.CSS设置阴影效果的样式为box-shadow属性,使用方
  • DIV CSS外边距指CSS属性单词margin,margin是设置对象四边的外延边距,没有背景颜色也无颜色。1、margin语法Margin:10pxMargin的值是数字
  • 在进行学习HTML视频教程时,很多学建网站学员会对div、section、article的使用混淆。下面学做网站论坛就来讲一下div 与 section、article 区别及使用
  • div+css布局是什么意思 图文教程 (13913 次浏览)
    div css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的代码定位方式,可实现网页页面内容与表现相分离。简单来说就
  • 1、CSS3设置文字一个阴影在CSS3中使用text-shadow属性来给文字添加阴影效果[cce_html]h1{text-shadow: 5px 5px 5px #FF0000;}[/c
  • 在我们日常的编码中经常会遇到这段文字不可以换行,或者自动换行的需求。虽然这个功能在我们平时很常见但是我相信大家一定不会可以的去记住它吧。
  • WP-AutoPost是目前特别好用的WordPress自动采集发布插件,最大的特点是可以采集来自于任意网站的内容并自动发布到你的WordPress站点。不像其他大
  • 做好一个网站之后,网站有大量的网页,如何让每个网页都自动生成二唯码呢?其实并不难,使用jQuery和qrcode.min.js插件就可以实现网站每个网页自动生
  • 学习了网站制作课程的学员都知道,网站的样式都是受CSS来控制的。下面是控制的CSS样式代码:强制不换行[cce_html]div{white-space:nowr
  • html 居中对齐代码写法 (113458 次浏览)
    在做网站时,网页的文字往往需要进入居中排版,例如水平居中和垂直居中等。下面学做网站就来介绍一下常用的html 居中对齐代码写法。HTML水平居中
  • DIV如何自动居中 图文教程 (13450 次浏览)
    DIV居中分为垂直居中与水平居中,关于div两种居中其根柢组织成绩是一致的,一个是结构的css布局,一个是模式排版组织。DIV如何自动居中?可以
  • CSS控制DIV水平居中方法 (13464 次浏览)
    CSS怎么控制DIV水平居中?如何让DIV盒子水平居中呢?一、div居中实现介绍在布局一张网页时,通常网页主体框架是居中于浏览器中的。实现最外层