零基础建站培训介绍

当前位置：

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>
上一课: 下一课:

发表回复

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

相关教程

  • html文件如何打开 (4811 次浏览)
    一、记事本打开HTML打开HTML有很多工具，如果没有安装任何网页编辑开发软件，大家可以使用系统自带的记事本打开HTML文件。选中HTML文件后右键，弹出
  • html 空格代码是什么，怎么打连续空格符 (4779 次浏览)
    我们知道这HTML网页中插入多个空格间隔是需要特殊字符编码的。如果是直接敲入多个空格键，虽然看似代码中有了多个空格效果，但在浏览器中还是只有1个
  • 编写html一般用什么软件 (4867 次浏览)
    HTML不是一种编程语言，而是一种标记语言(markuplanguage)，是网页制作所必备的，其中“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字
  • CSS设置文字行高行间距的方法 (23910 次浏览)
    要使得每行的文字一定的间距距离所以可以通过line-height样式实现。接下来通过DIV CSS实例实现字体文字上下间距。为了观察到行距设置效果，新建两个d
  • html网页乱码怎么解决 (4782 次浏览)
    html网页乱码原因分析1、比如网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码。反之网页是编码utf-8，内容
  • CSS控制DIV水平居中方法 (4675 次浏览)
    CSS怎么控制DIV水平居中？如何让DIV盒子水平居中呢？一、div居中实现介绍在布局一张网页时，通常网页主体框架是居中于浏览器中的。实现最外层DIV水
  • CSS border边框属性（控制边框颜色、宽度） (5563 次浏览)
    一、什么是CSS border边框属性CSS 边框即CSS border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性。二、Html原始边框与DIV+CSS边框对照
  • html怎么控制文字大小 (4669 次浏览)
    html怎么控制文字大小可能通过Font-size属性来控制。1、css字体大小单词：Font-size2、语法结构div{font-size:20px}设置div内文字
  • 怎么设置div边框border样式 (4745 次浏览)
    设置div边框border样式，使用border即可让div或span或h1、p等对象实现需要边框样式。我们给一个div类css 命名为“divcss5”，盒子加一个1px红色边框，
  • html超链接下划线怎么控制 (4756 次浏览)
    html超链接a标签运用，默许情况下有的阅读器表示下划线花式，有的不有浮现下划线。如何完成兼容各大浏览器默许状况下超链接透露表现下划线格式呢？超

教程目录