当用户调整窗口大小时，如何防止文本移动？

Question

当我调整浏览器窗口的大小时，文本也会四处移动。有什么方法可以防止这种情况发生？

这是我正在从事的工作：

nav {
   float:left;
   background-color: #b6d433;
   width:100vw;
   text-align: center;
   position:absolute;
   margin-top: 150px;
   z-index: -1;
   overflow: hidden;
 }

ul {
    list-style: none;
}

li {
    display: inline-block;
    padding-left:30pt;

}

Answer 1

您可以尝试使用无响应单位（例如“ px”）而不是“ vw”的确定宽度。但是请注意，这将导致UI行为无响应。

Answer 2

您是否尝试过CSS Grid或/和Flex。