藍色的天空: [CSS] 版面置中

2012年9月28日星期五

要讓版面置中的方法:
將 wrapper 區塊置中

<body>
<div id="wrapper">
</div>
</body>

1. 使用自動邊界置中

#wrapper {
    width: 720px;    /* 可用 % 或其它單位 */
    margin: 0 auto;
}

2. 使用負邊界來做置中

#wrapper {
    width: 720px;
    position: relative;
    left: 50%;           /* 將區塊的左邊對齊中央 */
    margin-left: -360px; /* 再將左邊界設為寬度一半的負值 */
}