div在屏幕中水平居中 div内容居中

网页HTML中机关DIV如何退职何分歧浏览器于任何客户端挪动或PC上但凡程度居中的。同时如何让div形式居中(文本水准居中)。

一、div屏幕中程度居中

让DIV水平居中症结CSS代码：margin:0 auto

margin:0 auto配置div 上下为0，支配为积极（随div设置宽度支配间距自适应摆布与摆布最边雷同）。

实例完整代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div居中小实例 CSS5</title>
<style>
.ct{ margin:0 auto; width:370px; border:1px solid #000}
</style>
</head>
<body>
<div class="ct">div居中枢纽配置margin:0 auto</div>
</body>
</html>

为了傍观到div居中，对div设置边框与宽度。

div在屏幕中水平居中
div在屏幕中程度居中

div居中条件：除了配置margin外，不克不及同时再配置float浮动样式，设置装备摆设float则会让div靠左或靠右。

机关屏幕中水平居中症结点：div配置margin:0 auto即可。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/rumen/r53632.shtml