我做了一个代码笔:https://codepen.io/coder_extends_human/pen/eLLmgb
所以我制作了一个包含 12 个轨道的布局。我将开放时间的确切时间 float 到右侧，这样看起来不错。我希望开放时间与“IMPRESSUM”保持一致，但我这样做的方式不起作用。我试图将 min-content 和 max-content 添加到轨道中，包括开放时间，但它仍然被搞砸了。尽管我已经在这个问题上工作了 4 个小时 :(
提前致谢
.main {
display: grid;
grid-template-columns: repeat(12, 1fr);}
最佳答案
您的问题不是网格问题；您的“开放时间”和所有时间本身都在一个容器元素( <section class=five> )中，而该容器就是网格项。容器跨越 3 列(顺便说一句，你想删除 width 上的显式 section ，这会使你的元素溢出列)，然后内容只是正常格式化；他们不关心外部网格。
所以，使用普通的 block 布局机制。将“开放时间”元素设为普通 block (现在它被设置为 inline-block )并使用 text-align: right正如@Batajus 所建议的那样。
在您的浏览器上使用开发工具应该可以相当清楚地显示这些事实，以及您的元素的大小和位置； Chrome 和 Firefox 都会显示网格容器的网格线(因此您可以看出您的“开放时间”元素没有以任何方式与它们对齐)。
关于html - 如何在我的网格中正确对齐我的开放时间？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52347119/