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

我用了這個方法:

.landing{

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

}

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

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

此外，目前html布局應該是什么樣子:

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

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

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

關于css技巧定位的信息 如何使用格網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>