This question already has answers here:
How to center an element horizontally and vertically
                                
                                    (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>

10-05 20:55
查看更多