2012年9月28日星期五

[CSS] 版面置中

要讓版面置中的方法:
將 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; /* 再將左邊界設為寬度一半的負值 */
}

沒有留言:

張貼留言