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