我在我的专栏中使用www.responsivegridsystem.com，这就是我想出的：ux.stoicdigital.com/#intro-message。
我希望列表像这样工作： http: //doyouimpress.com/#uses-list
最大的问题是，超过一定数量的 px（不记得确切），三列网格居中，但由于单元格宽度等原因，看起来并不居中，低于该数量的 px（当列出是单列模式），偏心问题更严重。
同样，我意识到这与单元格宽度等有关，但我不知道在哪里进行更改，我需要在两种尺寸下执行以下操作：
任何意见，将不胜感激。特别感谢您可以提供的任何细节：对 CSS 所做的更改。
PS：如果在响应式网格系统之外还有其他方法可以实现这一点，我也对此持开放态度。
文本看起来不居中，因为它不是。容器 div 居中，但由于您将文本向左对齐，因此它全部向左对齐，就像将文本向右对齐时它会向右对齐一样。
您可以将文本与中间对齐，但您的复选框图标不会对齐。如果您希望文本居中但仍然排列图标，则需要附加图标，以便除文本之外的其他内容。您可以将它们显示为 的伪元素，<li>但缺点是文本和图标之间会有不同数量的空间。
我要说的基本上是您不能以这种方式将列居中（只要您不确保每个列中的文本<li>同样宽）-但是您可以伪造它，这就是他们所做的你指的网站。
要伪造它，只需给每个列 div 一个唯一的类名（或使用 定位它们:nth-child），然后手动移动每个列以使其看起来像内容居中。你可以给他们不同的值width（这就是他们在你的例子中所做的）、不同的值padding或类似的值。这完全取决于你。
至于单列布局，请执行类似的操作，在其中添加padding-value 以将它们推向更靠近中心的位置，但显然对所有列 div 使用相同的值。