我正在尝试使用骨架框架,但我感到困惑。这是我尝试使用的代码:
我什至尝试在列的开头和结尾添加 alpha 和 omega。但我剩下的看起来像这样:
你看到第十六列挂在尽头。它不应该能够在一行中容纳 16 列的东西吗?
如果我尝试其他组合,例如十四和二等,就会发生这种情况。它挂在页面的末尾。
我哪里错了?
列之间的宽度也可以调整,如果可以,如何调整?关于如何使用所有骨架功能的任何好的教程?您是否仅通过使用另外 16 列来制作新的网格线?
谢谢。
我正在尝试使用骨架框架,但我感到困惑。这是我尝试使用的代码:
我什至尝试在列的开头和结尾添加 alpha 和 omega。但我剩下的看起来像这样:
你看到第十六列挂在尽头。它不应该能够在一行中容纳 16 列的东西吗?
如果我尝试其他组合,例如十四和二等,就会发生这种情况。它挂在页面的末尾。
我哪里错了?
列之间的宽度也可以调整,如果可以,如何调整?关于如何使用所有骨架功能的任何好的教程?您是否仅通过使用另外 16 列来制作新的网格线?
谢谢。
由于您为每个列 div 添加了 1px 边框,因此它使每个列容器比应有的宽度宽 1px。默认情况下,边框会扩展容器的宽度。要解决此问题,您必须将以下 CSS 属性添加到您的“div”选择器,该选择器会将边框包含在容器宽度计算中。
box-sizing: border-box;
关于盒子尺寸的更多信息:http: //css-tricks.com/box-sizing/