css3 - 如何让div中的内容水平居中，垂直居中-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

css3 - 如何让div中的内容水平居中，垂直居中

怪我咯 2017-04-17 11:23:59

[CSS3讨论组]

1260

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

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

有其他的方法吗

怪我咯

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

全部回复(3)

PHP中文网2017-04-17 11:25:59 3楼

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

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

赞 +0

添加回复

高洛峰2017-04-17 11:25:59 2楼

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

赞 +0

添加回复

巴扎黑2017-04-17 11:25:59 1楼

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部