比如 body 高度不确定 设为百分百
div高度为body高度百分之20%
现在想要div内文本元素居中对齐,应该怎么设置呢
<!DOCTYPE html>
<html>
<head>
<title>demo</title>
<meta charset="utf-8">
<style>
html,
body {
position: relative;
height: 100%;
width: 100%;
}
div {
background-color: red;
position: absolute;
height: 20%;
width: 20%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
再内嵌一个元素使用定位和变形的垂直居中方法即可