kmsp.net
当前位置:首页 >> Css 里面怎么让一个DIV居中 ? >>

Css 里面怎么让一个DIV居中 ?

方法1: .parent { width:800px; height:500px; border:2px solid #000; position:relative;} .child { width:200px; height:200px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: red;}方法2: ...

通常的方法为:先设置div的宽度,然后使用如下样式: margin: 10px auto; /* 上下边距10px,左右边距自动以达到左右居中的目的*/以下为示例: HTML代码中给出div 添加样式 /*外层边框*/div.outer{width:200px;height:150px;border:1px solid gre...

margin-left: auto; margin-right: auto;

div居中:margin: 0 auto; 具体方法: .wrap{margin:0 auto;width:960px;}

.main{ height:100px; background:red; margin:0px auto; width:480px; } p{ text-align:center; width:500px; height:200px; background:yellow;} 在中间 效果图: 红色区域永远是水平居中的,无论浏览器宽度是多少的。 margin:0px auto;(记得...

div里的ul下面的li居中对齐,关键点如下: 1、CSS设置好Li的宽度 2、Li的css加上居中代码text-align:center。 例子如下: *{margin:0;padding:0;} .box{clear:both;width:600px;height:300px;border:1px solid #ccc;padding:10px;} .box li{floa...

div图片居中-图片在DIV内居中,让图片中DIV盒子里水平居中。让图片中DIV对象盒子内水平居中,和让文字字体在DIV盒子内水平居中CSS相同。 CSS让对象内容居中样式单词为: text-align:center text-align 为内容居于对象什么位置属性center值为居中...

使用绝对定位方式可实现这个效果,如下边这个示例: html代码: 这个div要在box中水平居中,垂直居底CSS代码: .con-box{position:relative;width:800px;height:500px;background:#000;}.demo{position:absolute;width:200px;height:150px;botto...

网站首页 | 网站地图
All rights reserved Powered by www.kmsp.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com