css3 - 如何让div中的内容水平居中,垂直居中
怪我咯
怪我咯 2017-04-17 11:23:59
[CSS3讨论组]

将内容区域的样式设置成这样,可以解决,可是在编码的时候也会有很多问题。

.element {
    width: 60px; height: 40px;
    position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    margin: auto;    /* 有了这个就自动居中了 */
    border:1px solid red;
}

有其他的方法吗

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(3)
PHP中文网

首先get一个新方法;
我一般这样居中
.element {

width: 60px; height: 40px;
position: absolute;
left: 50%;
top: 50%;
transform:translate(-50%,-50%);
border:1px solid red;
}

高洛峰

你需要:CSS布局之-水平垂直居中

巴扎黑

看这里 http://f2e.souche.com/blog/jie-du-cssbu-ju-zhi-shui-ping-chui-zhi-ju-zhong/

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号