[問題] 垂直置中功能無效

看板Web_Design作者kiki1503 (琦琦壹伍零參)時間17年前 (2009/03/18 19:00)推噓5(5推 0噓 6→)

留言11則, 5人參與討論串1/1

<html style="height:100%;width:100%;"> <head runat="server"> (略) </head> <body style="height:100%;width:100%;"> <form id="form1" runat="server" style="height:100%;width:100%;"> <div id="menu" style="top: 0; left: 0px; height: 3%;"></div> <div id="show" style="min-height:94%;"> <div style="height:100%; width:100%; text-align:center;vertical-align:middle;"> <a>test text</a> </div> </div> <div id="cc" style="bottom: 0px; height: 3%;"></div> </form> </body> </html> 理論上的排列應該是 ┌────────────┐ ├────────────┤3%的部分 id="menu" │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　 test text　　　　│94%的部分 id="show" │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ ├────────────┤3%的置底部分 id="cc" └────────────┘ 但是我做出來變這樣 ┌────────────┐ ├────────────┤3%的部分 id="menu" │　　　 test text　　　　│<--div高度只有文字高. │　　　　　　　　　　　　│ 而且垂直置中無效.. │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│94%的高度沒變 id="show" │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ │　　　　　　　　　　　　│ ├────────────┤3%的置底部分 id="cc" └────────────┘ 找很久不知道排版錯在哪邊..但做出來就是無法垂直置中不知道有沒有人遇到過這樣的情況 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 211.74.62.212