PTT數位生活區 / Web_Design

[問題] span 不能夠用 CSS 去指定 width 嗎?

看板Web_Design作者 (蝸牛無量)時間19年前 (2006/02/28 20:00), 編輯推噓4(4推 0噓 10→)
留言14則, 2人參與, 最新討論串1/1
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
推
02/28 20:43, , 1F
不能 改用div吧 加上float:left在header{}
02/28 20:43, 1F
→
02/28 20:44, , 2F
可能要多個 .row{clear:both;}
02/28 20:44, 2F
→
02/28 20:59, , 3F
若想要看起來是span span{display:block}變成block-level
02/28 20:59, 3F
推
02/28 21:24, , 4F
感謝，不過我直接把 span 改 div...整個版面亂掉 orz
02/28 21:24, 4F
→
02/28 21:28, , 5F
正再找原因中...orz
02/28 21:28, 5F
推
02/28 21:36, , 6F
給個網頁連結吧
02/28 21:36, 6F
→
02/28 21:45, , 7F
發現版面亂掉的問題在哪了，是我耍白癡有東西沒改到 orz
02/28 21:45, 7F
→
02/28 21:46, , 8F
不過現在又有另一個問題了，我右邊的有設border左邊的沒有
02/28 21:46, 8F
→
02/28 21:47, , 9F
結果用 firefox 看是整行都有border，IE卻是正常的 orz
02/28 21:47, 9F
→
02/28 21:56, , 10F
我發現問題了，剛剛翻文發現說好像是設成float之後
02/28 21:56, 10F
→
02/28 21:57, , 11F
就不再佔據任何"空間"，所以要連content一起設float才行
02/28 21:57, 11F
→
02/28 21:59, , 12F
總之還是感謝 xiphoid 的幫忙 <(_ _)>
02/28 21:59, 12F
推
02/28 21:58, , 13F
.content{margin-left: 100px;} 設成header的width
02/28 21:58, 13F
→
02/28 22:00, , 14F
呃.. 那樣也可以 m(._.)m
02/28 22:00, 14F
‣ 更多 dSnAil 的文章
文章代碼(AID): #1413jNp9 (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 dSnAil 的文章
文章代碼(AID): #1413jNp9 (Web_Design)