如何实现部分液柱的水平居中布局？

Question

我要求制作符合以下条件的HTML / CSS 3列布局：

• 中间和右侧列具有固定宽度
• 左栏有最大宽度
• 3列水平居中
• 如果浏览器的视口缩小，左列的左边框接触视口的左边框，则通过进一步收缩视口，左列开始收缩宽度，直到宽度为0.（如{{ 3}}，除此之外，左列也有最小宽度）。

我找不到这样的布局。如果有可能，我该如何实现？ （告诉我，这是不可能的，也会获得复选标记）。

Answer 1

以下是responsive layouts的指南，以及您可能会考虑用来实现所需内容的responsive frameworks的指南。

  

一般来说，堆栈网络上的ettiqute很好，可以自己尝试创建代码然后发布具体的问题，如果你得到的话   卡住。