作者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