温馨提示:本文翻译自stackoverflow.com,查看原文请点击:html - Getting a webpage to take up 60% and be centered?
alignment css frontend html

html - 让网页占据60%并居中吗?

发布于 2020-04-13 11:23:28

我正在尝试创建一个网站,其网站的中间位置占60%。我以为我会这样做:

body {
  align-items: center;
  text-align: left;
  justify-content: center;
  width: 60%;
}

但这不起作用:(

我什至试过使用translateX正确翻译20%

有什么建议吗?有什么建议吗?

查看更多

提问者
Manaal Siddiqui
被浏览
33
Paweł Jacewicz 2020-02-03 03:30

您可以使用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;
}