使用960网格系统时,如何拥有181px的列?

发布于 2024-11-14 06:41:57 字数 382 浏览 1 评论 0 原文

我想使用 960 网格系统并使用以下命令创建 981 像素的网格:

http://www.gridsystemgenerator.com/gs01.php?GridWidth=981&GridColumns=3&GridMarginLeft=20&GridMarginRight=20

问题是我不知道如何制作左栏宽度为 181。似乎在网格系统中我只能使用 287。这是真的吗?想法?

I want to use the 960 Grid System and create a grid that's 981px using:

http://www.gridsystemgenerator.com/gs01.php?GridWidth=981&GridColumns=3&GridMarginLeft=20&GridMarginRight=20

Problem is I don't see how I can make a left column with a width of 181. It seems that with the grid system I'm stuck with 287. Is that true? THoughts?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

你另情深 2024-11-21 06:41:57

实际上你不应该有一个只有 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.

活雷疯 2024-11-21 06:41:57

您始终可以“突破”960gs 并在列内创建一个 div(然后该 div 将具有设定的宽度)。确保考虑到该 div,正确清除它,您将获得所需的宽度。但实际上,您应该使用网格系统,或者如果您需要破解整个页面,则根本不使用网格系统。

例如:

<div class="prefix_1 grid_3">
 <div style="width: 181px; float: left;">
  example
 </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:

<div class="prefix_1 grid_3">
 <div style="width: 181px; float: left;">
  example
 </div>
</div>

Or position: relative; etc; however you want to break out of frames (whatever fits your setup I mean).

天涯沦落人 2024-11-21 06:41:57

这是一个网格系统,其中列 181px< /code> 宽,全宽为 981px。它符合您的宽度要求的原因是一个外边缘比另一侧宽 1px。去掉1px,你最终会得到一个完美的圆形全宽度980px

Here's a grid system with columns 181px wide that has a full width of 981px. The reason it matches your width requirement is that one outer edge is 1px wider than the other side. Knock that 1px off and you end up with a nicely rounded full width of 980px;

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文