你设的宽度width:320要加单位px 也就是width:320px;除了使用margin:0 auto居中外,你用相对或绝对定位的话,想水平方向居中也可以加margin-left:-160px;和left:50%;
例:html水平居中 css.a{ width:100px;/*定义宽度*/ position:absolute;/*绝对定位*/;left:50%;/*绝对定位到左侧中间位置*/;margin-left:-50px;/*左移动本身宽度的1/2以保证绝对水平居中*/ }
<div style="height:500px; width:500px; border:1px solid #ddd; position:relative; text-align:center; margin:0 auto;"> <div style="height:200px; width:300px; background-color:#ddd; margin:-100px 0 0 -150px; position:absolute; top:50%; left:50%;"></div></div>
水平居中是text-align:center垂直居中 一般是用 line-height比如你li的高度是80px 那你设置 line-height:80px 文字就垂直居中
外面div加:text-align:center;(你代码中已经有了) 里面div加:margin:0 auto; 里面div的position:absolute;定位属性删掉(如果需要的话:加代码用内或外边距来控制这个div在父级中的位置) 你只学会了css语法,css的原理你理解得一塌糊涂,建议买本书从新打个基础.
1、实现div下只有一个子div的水平居中办法如下:.continer{ height:100px; width:100px; background-color:aqua; text-align: center;//内联元素,使用text-align属性,可以修改对齐方式 }.child{ display: inline;//将子div设置为内联元素 }我是子div2、
div实现水平居中只需要设置固定宽度和margin:0 auto即可, 给你2个解决方案: 1、条件是div的高度和宽度是固定的 让层垂直居中 其实解决的思路是这样的:首们需要position:absolute;绝对定位.而层的定位点,使用外补丁margin负值的方法.负值的
请问是水平居中,还是水平垂直都居中.如果是水平居中,那就是margin:0 auto;如果是水平垂直居中,那就是用负变距.position:absolute;top:50%;left:50%;margin:这是div块高度的一半(加个负号) 0 0 这是div块宽度的一半 (加个负号)麻烦采纳,谢谢!
<div style="margin: auto;"></div>
在CSS里面加 margin-top: 50%; 这个百分比你要调到合适