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

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网格或/和Flex吗。