2012-02-23 99 views
0

我有一个请求,使满足这些条件的HTML/CSS 3列布局:如何实现部分液柱的水平居中布局?

  • 中间和右边的列具有固定的宽度
  • 左列具有最大宽度
  • 3列水平居中
  • 如果浏览器的视口被缩小,并且左列的左边框与视口的左边框接触,则通过进一步缩小视口,左列开始缩小宽度,直到宽度为0。就像在this example中一样,除了这里的左栏还有一个min-wid日)。

我找不到这样的布局。如果可能的话,我该如何做到这一点? (告诉我,这是不可能的,也会获得复选标记)。

+2

学习和做__yourself!__ ..如果你遇到任何问题 - 回来问!! – 2012-02-23 11:43:48

+0

与@VivekChandra – Gurvinder 2012-02-23 11:50:57

回答

2

这里是responsive layouts的指南,另外一些responsive frameworks可能会考虑用于实现您所需要的。

一般来说它的堆栈网络上的好ettiqute尝试自己创建代码,然后邮寄的具体问题,如果你得到 卡住。

+0

同意我/我在寻找一个基本的概念,而不是码。这就是为什么我不能更具体,并决定不发表我的卑微尝试。 – Mathias 2012-02-23 13:26:15

+1

@Mathias我明白,这些概念应该在我提供的链接中提供,您要寻找的竞技场是响应式设计,并且搜索Google可能对您有帮助。您也可以在模板网站上找到一些有用的示例,例如themeforest.com – toomanyairmiles 2012-02-23 13:34:56