我正在尝试创建一个网站,其网站的中间位置占60%。我以为我会这样做:
body {
align-items: center;
text-align: left;
justify-content: center;
width: 60%;
}
但这不起作用:(
我什至试过使用translateX正确翻译20%
有什么建议吗?有什么建议吗?
您可以使用CSS网格轻松实现它。这是MDN参考:https : //developer.mozilla.org/en-US/docs/Web/CSS/grid
例:
HTML文件
<div class="container">
<div class="content">
Some content
</div>
</div>
CSS文件
.container {
display: grid;
grid-template-columns: 20% 60% 20%;
}
.content {
grid-column: 2;
}
不错,非常感谢!