作者bcse (Lvx ex Caelis)
看板Web_Design
标题Re: [问题] 用css设定物件的位置
时间Mon Mar 24 00:11:53 2008
※ 引述《adamp3 (Boston's 10th Man.)》之铭言：
: ※ 引述《gop66 (gop)》之铭言：
: : 请问一下 下面这样的效果要怎麽设定呢？
: : http://subweb.health.gov.tw/Nosmoking/04_1.asp
: : 就是让整个页面上下没有空隙 水平的话是置中对齐
: : 这要怎麽做呢？ 用ｃｓｓ做吗？
: : 我看书上类似的东西是写
: : position: absolute;
: : top: 0px;
: : bottom: 0px;
: : 虽然上下有达到我想要的效果
: : 可是左右我想要设成置中对齐 用这个方法好像都只能设绝对位置...
: : 我是初学者 书上没写我就不会了.....= =
: : 还请板友们多多指教 >"<
: : 谢谢~
: body
: {margin: 0px;} /*上下都会贴齐*/
: #wrapper{float: center;} /*用一个大的div包住 让其置中*/
没有 float: center; 这种东西...
HTML部份:
<body>
<div id="wrapper">
(内容)
</div>
</body>
CSS部份：
body {
text-align: center; /* 用 text-align 是为了相容某些老旧浏览器 */
}
#wrapper {
margin: 0 auto;
text-align: left; /* 因为前面用了 text-align，所以这边要设定回来 */
}
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 134.208.33.185
1F：推 adamp3:打太快了orz text-align才对 sorry 03/24 00:13
2F：推 gop66:原来如此~~谢谢 ^^ 03/24 00:14
3F：推 ikaridon:多嘴附注一下 margin: 0 auto;两数值分别对应 上下 左右 03/24 12:23
4F：推 gop66:好开心喔~ >__< 马上又多学会一招~ 03/24 23:50