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

2024-01-18 11:12 小编

网页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即可。


Tag: 内容
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码