我正在尝试使用CSS Grid创建一个简单的页面.
我没有做的是将文本从HTML中心放到相应的网格单元格中.
我已经尝试在内容和选择器的div内部和外部放置内容,并且使用某些CSS属性无济于事.left_bgright_bg
我该怎么做呢？
html,
body {
margin: 0;
padding: 0;
}
.container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 100vh;
grid-gap: 0px 0px;
}
.left_bg {
display: subgrid;
background-color: #3498db;
grid-column: 1 / 1;
grid-row: 1 / 1;
z-index: 0;
}
.right_bg {
display: subgrid;
background-color: #ecf0f1;
grid-column: 2 / 2;
grid_row: 1 / 1;
z-index: 0;
}
.left_text {
grid-column: 1 / 1;
grid-row: 1 / 1;
position: relative;
z-index: 1;
justify-self: center; …我通读了Grid的完整指南，但仍然对两组容器属性（即“ justify/align-items“ vs.”）之间的差异感到困惑justify/align-content。
我的困惑是围绕作者的说法，即“ -content”集在那里，因为
有时，网格的总大小可能小于其网格容器的大小
我认为这不仅适用于“ -content”集，还适用于两者。
有人可以帮忙解释一下吗？优选地，使用一些图示说明作为示例。