作者dSnAil (蝸牛無量)
看板Web_Design
標題[問題] span 不能夠用 CSS 去指定 width 嗎?
時間Tue Feb 28 20:14:08 2006
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
1F：推 xiphoid:不能 改用div吧 加上float:left在header{} 02/28 20:43
2F：→ xiphoid:可能要多個 .row{clear:both;} 02/28 20:44
3F：→ xiphoid:若想要看起來是span span{display:block}變成block-level 02/28 20:59
4F：推 dSnAil:感謝，不過我直接把 span 改 div...整個版面亂掉 orz 02/28 21:24
5F：→ dSnAil:正再找原因中...orz 02/28 21:28
6F：推 xiphoid:給個網頁連結吧 02/28 21:36
7F：→ dSnAil:發現版面亂掉的問題在哪了，是我耍白癡有東西沒改到 orz 02/28 21:45
8F：→ dSnAil:不過現在又有另一個問題了，我右邊的有設border左邊的沒有 02/28 21:46
9F：→ dSnAil:結果用 firefox 看是整行都有border，IE卻是正常的 orz 02/28 21:47
10F：→ dSnAil:我發現問題了，剛剛翻文發現說好像是設成float之後 02/28 21:56
11F：→ dSnAil:就不再佔據任何"空間"，所以要連content一起設float才行 02/28 21:57
12F：→ dSnAil:總之還是感謝 xiphoid 的幫忙 <(_ _)> 02/28 21:59
13F：推 xiphoid:.content{margin-left: 100px;} 設成header的width 02/28 21:58
14F：→ xiphoid:呃.. 那樣也可以 m(._.)m 02/28 22:00