DIV如何自动居中
DIV居中分为垂直居中与水平居中,关于div两种居中其根柢组织成绩是一致的,一个是结构的css布局,一个是模式排版组织。
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>