我正在使用两列 CSS 网格设计网站布局,它看起来有点像这样。它工作正常,所有内容都完美地集中在每个 div 中。带有“bg”的单元格只有一个背景图像。每个网格单元“接触”浏览器窗口的边界。
+--------+--------+
| text | bg |
+--------+--------+
| bg | text |
+--------+--------+
| text |
+-----------------+
但是,是否有一种简单的方法可以将内容包裹起来并居中,使其不超过一定的宽度?我可以根据各个段落的单元格将其定位为左对齐或右对齐,但我想知道是否有更优雅的方法来做到这一点?括号是“包装器”。
+--------+--------+
| [text| bg] |
+--------+--------+
| [bg |text] |
+--------+--------+
| [ text ] |
+-----------------+
最佳答案
您可以在整个两列网格周围放置一个包装器,并在包装器的左侧和右侧添加一些填充。
关于html - 如何制作CSS网格的内容包装器 "on top",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51111243/