作者sicao (adios)
看板Web_Design
標題Re: [問題] div包div垂直置中??
時間Thu Sep 2 14:02:02 2010
※ 引述《sicao (adios)》之銘言:
: 想請問一下
: 我想用div(div1)包div(div2)
: <div id="leftside" style="height:240px;line-height:240px;overflow:auto;">
: <div style="display:inline-block;vertical-align:middle;h
: eight:40px;background:red;">23</div>
: </div>
: 希望就是div2只有一個時
: 背景色和字都能水平垂直置中
: (當然div2的字也要能在背景色置中)
: 如果div2太多超出div1的範圍
: 那div1可以產生捲軸
: 那請問div2的style該怎麼寫呢??
用圖補充說明一下
http://img693.imageshack.us/img693/8240/div1q.jpg
*DIV1有固定的高度
因為怕div2數量太多超界
*當div2太多div1會產生捲軸
*div2一樣有固定高度背景色(寬度不超過div1)
*div2裡的字元對div2來說要上下左右置中
*當div2只有一個時 他可以垂直左右置中於div1
*當div2兩個時 該兩個div2一樣垂直左右置中於div1
....
..
太多div2 div1就產生捲軸了..
目前div1的style="height:240px;line-height:240px;overflow:auto;"
那div2的style該怎麼寫呢 或是div1該補充些啥??
--
5L36f6d6I5207573K657273206f6E62066Y697265O666f78206172U65207375636b2e
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 211.78.167.138
→ sicao:?? 我的div2字都很少 沒有換行的問題.. 09/02 14:49
→ opoepev:原來是要這個~div2設margin auto div1設align:center 應該 09/02 15:00
推 s25g5d4:垂直置中不是CSS一行就能解決的... 09/02 21:31
推 rocky823:國小數學~用javascript吧 輕鬆解決 09/02 21:49