如何让div中的内容水平居中，垂直居中
展开全部
1.最简单的flex布局,外层容器加上如下样式即可
display: flex;
justify-content: center;
align-items: center;
2.利用table-cell
外层容器
display:table-cell;
text-align:center;
vertical-align:middle;
内部元素
vertical-align:middle;
display:inline-block;
打字不容易，请给个采纳。不明白再继续追问，谢谢。
display: flex;
justify-content: center;
align-items: center;
2.利用table-cell
外层容器
display:table-cell;
text-align:center;
vertical-align:middle;
内部元素
vertical-align:middle;
display:inline-block;
打字不容易，请给个采纳。不明白再继续追问，谢谢。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
html, body{margin: 0; padding: 0;}
div{width: 100px; height: 100px; text-align: center; line-height: 100px; background-color: yellowgreen;}
</style>
</head>
<body>
<div>我要居中</div>
</body>
</html>
垂直居中用line-height大小等于盒子高度，水平居中用text-align为center即可。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
