使用960网格系统时,如何拥有181px的列?
我想使用 960 网格系统并使用以下命令创建 981 像素的网格:
问题是我不知道如何制作左栏宽度为 181。似乎在网格系统中我只能使用 287。这是真的吗?想法?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
我想使用 960 网格系统并使用以下命令创建 981 像素的网格:
问题是我不知道如何制作左栏宽度为 181。似乎在网格系统中我只能使用 287。这是真的吗?想法?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(3)
实际上你不应该有一个只有 3 列的网格。不要将单个列视为布局中的列(即主列、右列、左列)。相反,它是水平测量的最小可能单位。因此,您可能有一个 4 列的左侧栏、一个 3 列的左侧栏和一个 5 列的主区域。
也就是说,如果您需要在设计中嵌入特定的宽度,那么使用网格框架可能不是一个好主意。通常,您会让设计师根据您计划使用的网格进行设计,或者修改设计以与网格对齐。无论您做什么,您都可能无法获得具有“n 列 = 181px”测量值的网格。
Actually you shouldnt have a grid of only 3 columns. Dont think of a single column as a column in your layout (ie. main, right, left). Instead it is the smallest possible unit of horizontal measure. so you might have a left side bar that is 4 columns, a left sidebar of 3 columns and a main area of 5 columns.
That said if you need to have specific widths already embedded ina design youve been handed then using a grid framework probably isnt a good idea. Normally you would have the designer design to the grid you plan on using, or revise the design to snap to the grid. No matter what you do you may not be able to get a grid with a "n columns = 181px" measurement.
您始终可以“突破”960gs 并在列内创建一个 div(然后该 div 将具有设定的宽度)。确保考虑到该 div,正确清除它,您将获得所需的宽度。但实际上,您应该使用网格系统,或者如果您需要破解整个页面,则根本不使用网格系统。
例如:
或
位置:相对;
等;但是你想打破框架(我的意思是无论什么适合你的设置)。You could always 'break' out of the 960gs and create a div inside a column (that div would then be a set width). Make sure to account for that div, clear it properly, and you will get your desired width. But really you should be utilizing the grid system, or none at all if you need to hack up the whole page.
ex:
Or
position: relative;
etc; however you want to break out of frames (whatever fits your setup I mean).这是一个网格系统,其中列
181px< /code> 宽,全宽为
981px
。它符合您的宽度要求的原因是一个外边缘比另一侧宽1px
。去掉1px
,你最终会得到一个完美的圆形全宽度980px
;Here's a grid system with columns
181px
wide that has a full width of981px
. The reason it matches your width requirement is that one outer edge is1px
wider than the other side. Knock that1px
off and you end up with a nicely rounded full width of980px
;