作者sicao (adios)
看板Web_Design
標題[問題] span寬度和版面
時間Thu Jan 27 14:29:23 2011
因為特殊原因
沒法用table
所以想用div和span弄個頁面
在fx IE6789 Chrome看起來都盡量相同
大頁面中分左右兩span
左右裡面又各有div..
左左左左右右
左左左左右右
.....
...
為可以設定span寬度 加了這個
span {
display:-moz-inline-box;
display:inline-block;
} (IE678均可?)
程式碼如下..
<div id="main" align="center">
<div id="main2" style="width:780px">
<span id="left">
<div id="ieeelist" style="height:200px;overflow:auto;">
<div>1234646</div>
</div>
</span> <!--left -->
<span id="right" style="height:200px;">
<div style="height:50px;"><img src="interface/arrow_up.png"></div>
<div style="height:50px;"><input type="button" style="font-size:20px;" value="修改"></div>
<div style="height:50px;"><input type="button" style="font-size:20px;" value="?除"></div>
<div style="height:50px;"><img src="interface/arrow_down.png"></div>
</span>
為何左邊那span會從畫面中間開始呢
造成左右不對稱
照理來說應該左右span都是同一點開始的不是嗎
還是我哪邊有做錯??
--
5L36f6d6I5207573K657273206f6E62066Y697265O666f78206172U65207375636b2e
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 211.78.167.138
※ 編輯: sicao 來自: 211.78.167.138 (01/27 14:46)
推 a517981:把span改成div 然後設定style="float:left;" 試試看 01/28 04:31
→ sicao:謝.. 01/28 09:38
→ magazine2006:樓上有一個可以不改結構的方法,就是把span多個block 01/29 02:37
→ magazine2006:然後多一個float:left也可以達到相同效果 01/29 02:38