This question already has answers here:
How to center an element horizontally and vertically
(20个答案)
2年前关闭。
我面临一个问题,如何在div中居中放置文本(h1)。我希望网页是全屏的,我是用vh单位实现的。
在该页面上,我希望div在水平和垂直方向上居中。我尝试过
但这并没有解决问题。我也希望这是“具有吸引力的”,因为它位于任何屏幕的中心。
我正在寻找建立这样的东西:http://www.anthonygoodisondesign.com/
(20个答案)
2年前关闭。
我面临一个问题,如何在div中居中放置文本(h1)。我希望网页是全屏的,我是用vh单位实现的。
.page { height: 100vh;
width: 100%;}
在该页面上,我希望div在水平和垂直方向上居中。我尝试过
.div { top: 50%;
left: 50%;}
但这并没有解决问题。我也希望这是“具有吸引力的”,因为它位于任何屏幕的中心。
我正在寻找建立这样的东西:http://www.anthonygoodisondesign.com/
最佳答案
使用CSS代码如下;
div{height:100vh;
display:flex;
align-items:center;
justify-content:center;
}
<div> <h1>center me</h1></div>