[英]css - center aligned 3 column layout with fixed width l&r columns, fluid center
我在包裝器中有3列布局。 左右列的寬度固定為:180px。 中間的列在640px和960px之間浮動。 我正在使用calc方法來計算其寬度:
width: calc(100% - 360px);
max-width: 960px;
min-width: 640px;
但是我不知道的是包裝器的CSS。 如何獲得整個3列的布局以使其自身在瀏覽器的中心對齊?
您可以這樣操作:
#wrapper {
margin:auto;
max-width:1320px; /*960 + 360*/;
min-width:1000px; /*640 + 360*/;
}
查看此演示http://jsfiddle.net/VTX4q/10/
我更改了尺寸以實現更好的可視化效果,但這是您可以根據自己的價值觀進行操作的基礎
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.