看板 Web_Design 關於我們 聯絡資訊
HTML 部份的原始碼: <div class="row"> <span class="header">......</span> <span class="content">......</span> </div> css 部份的原始碼: .header { vertical-align: top; text-align: right; width: 100px; } .content { text-align: left; width: 395px; } 結果那兩個 span 的區塊的寬度只有內容文字那麼寬 orz 請問各位前輩一下 span 是真的不能夠指定 width 嗎? 還是有什麼其他辦法可以用嗎? 想做出下面這種版面,用 table 的話感覺會很複雜...orz header content / \/ \ ┌──┬────────────┐ │....│........................│ └─┬┴─┬──────────┴─┐ │....│........................│ ←這部份用各別指定的 margin 去位移... └─┬┴─┬──────────┴─┐ │ │....│........................│←┘ └──┴────────────┘ 有請各位前輩幫忙了 orz -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.138.241.81
xiphoid:不能 改用div吧 加上float:left在header{} 02/28 20:43
xiphoid:可能要多個 .row{clear:both;} 02/28 20:44
xiphoid:若想要看起來是span span{display:block}變成block-level 02/28 20:59
dSnAil:感謝,不過我直接把 span 改 div...整個版面亂掉 orz 02/28 21:24
dSnAil:正再找原因中...orz 02/28 21:28
xiphoid:給個網頁連結吧 02/28 21:36
dSnAil:發現版面亂掉的問題在哪了,是我耍白癡有東西沒改到 orz 02/28 21:45
dSnAil:不過現在又有另一個問題了,我右邊的有設border左邊的沒有 02/28 21:46
dSnAil:結果用 firefox 看是整行都有border,IE卻是正常的 orz 02/28 21:47
dSnAil:我發現問題了,剛剛翻文發現說好像是設成float之後 02/28 21:56
dSnAil:就不再佔據任何"空間",所以要連content一起設float才行 02/28 21:57
dSnAil:總之還是感謝 xiphoid 的幫忙 <(_ _)> 02/28 21:59
xiphoid:.content{margin-left: 100px;} 設成header的width 02/28 21:58
xiphoid:呃.. 那樣也可以 m(._.)m 02/28 22:00