使用蓝图CSS，是有可能做了以下布局

我想使用蓝图CSS使用蓝图CSS，是有可能做了以下布局

Page Width = 960px 

<- 20px -> <------- 600px -------> <- 20px -> <--- 300px ---> <- 20px -> 
    left   main content  middle  right rail  right 
    gutter        gutter  (ad unit)  gutter

什么会列相应的列宽，边缘宽度和数量，使这个做以下布局工作？

我试图用10px的列和10px的利润率要做到这一点，但它与30像素的中间槽（一个列满+缘右一）

来源

2010-07-08 DrewM

是否可以做如下的布局结束？

不是，没有改造整个框架。

Blueprint CSS使用：950px宽度，10px排水沟和从30px开始并增加40px增量的列。所以：600px会变成590px，300px会变成310px。

你可以调整整个框架，调整每一个部件的尺寸......

或者，你可以调整你的列是一个：（30，70，110，150，190，230，270，310 ，350,390,430,470,510,550,590,630,670,710,750,790,830,870,910）个像素...

或者，您可以尝试960 Grid System。它使用20像素的装订线，960像素的页面宽度以及40或60像素的列增量。它没有漂亮的罐装印刷设置。我不确定它是否也支持，跨浏览器和跨媒体。

总体布局资源：http://layouts.ironmyers.com/

来源

2010-07-09 00:37:54

+1对于960电网的建议 – 2010-07-09 01:03:07

这就是我经过几个小时的尝试后才想到的。 960.gs也无法正常工作 - 它基本上是一个宽度为950px的页面，每边都有5px的装订线。似乎工作的是使用Compass（http://compass-style.org/），它使用SASS，实现蓝图框架并允许诸如.5列之类的东西。 – DrewM 2010-07-09 15:33:29

开箱即用，没有。但是你可以用蓝图CSS定制实验，如：

这些基本上是采取默认的蓝图的CSS文件，重新计算所有的数字，并吐出的新版本为您的Blueprint CSS框架。

来源

2010-07-09 00:59:30 Jeff

另一种基于蓝图的布局工具：pageblox.com – 2011-06-18 09:18:23

使用蓝图CSS，是有可能做了以下布局

回答

相关问题