如何让一个div中嵌套的div上下左右都居中

最新推荐文章于 2024-01-11 08:50:52 发布

空白_回忆

最新推荐文章于 2024-01-11 08:50:52 发布

阅读量9.8k

点赞数 1

分类专栏： html+css 文章标签： css3 html div 网站 html5

本文链接：https://blog.csdn.net/qq_26291823/article/details/50983721

版权

html+css 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

如何让一个div中嵌套的div上下左右都居中##

ps：本人亲测，阿里云2核4G5M的服务器性价比很高，新用户一块多一天，老用户三块多一天，最高可以买三年，感兴趣的可以戳一下：阿里云折扣服务器

用CSS3里的translate()方法，具体如下：

justify-content:center;align-items:center;display:-webkit-flex;

实现代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div style="border:1px solid blue;height:300px;width:300px;justify-content:center;align-items:center;display:-webkit-flex;"><div style="border:1px solid red;height:100px;width:100px;"></div></div>
</body>
</html>

空白_回忆

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
如何让一个div中嵌套的div上下左右都居中

如何让一个div中嵌套的div上下左右都居中【有志网:woyouzhi.com！发现更好的自己！每天给你坚持下去的动力！】用CSS3里的translate()方法，具体如下：justify-content:center;align-items:center;display:-webkit-flex;实现代码：<!DOCTYPE html><html><head lang="en"> <m
复制链接

扫一扫

专栏目录