對于我自己的網(wǎng)站，最好的方法是將我的姓名和職位名稱垂直和水平居中放置在網(wǎng)頁上。我想有我的名字與網(wǎng)頁開發(fā)人員在其下。

我用了這個方法:

.landing{

height: 100vh;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;

}

這是可行的，但是沒有考慮位置:高度=60px的固定邊框(沒有完全垂直居中)。

有沒有另一種方法可以讓這些項目居中，而不考慮頁面上的其他元素？(margin: auto也產(chǎn)生了和上面一樣的問題)。

此外，目前html布局應(yīng)該是什么樣子:

<div class="landing">
   <div class="landing1">HasanMirza</div>
   <div class="landing2">Web De<span class="v">v</span>eloper</div>
</div>

(‘v’被旋轉(zhuǎn)成看起來像一個尖括號，這正是我想要達(dá)到的效果)。

###如果您想將視窗中的任何內(nèi)容放置在固定位置，而不考慮任何其他元素，請使用position: fixed。網(wǎng)格可以讓你很容易地把物品放在中間。請參見下面的代碼:

關(guān)于css技巧定位的信息 如何使用格網(wǎng)W3docs.com居中

body {
  margin:0; /* the items will have an 8px offset if this isn't set to zero */
}

.landing {
  position: fixed;
  height: 100vh;
  width: 100vw;
  display: grid;
  place-content: center;
}

<div class="landing">
  <div class="landing1">HasanMirza</div>
  <div class="landing2">Web De<span class="v">v</span>eloper</div>
</div>