html - 如何使文本区域从左上角移动

Question

我的文本区域位于左上角。我试图让它显示在显示器的中心。这是我的html/css：

https://www.w3schools.com/code/tryit.asp?filename=GDAZWJBDC63Y

标签： htmlcss

Answer 1

如果您希望它垂直居中，这应该可以解决问题。

.fill {    
    display: flex;
    align-items: center;
}

如果您也希望它水平居中，请justify-content像这样添加中心。

.fill {    
    display: flex;
    align-items: center;
    justify-content: center;
}