作者FrWalk (难道)
看板Web_Design
标题[问题] 清单项目
时间Tue Jan 29 16:49:50 2008
我在使用清单项目标签的时候遇到以下问题,
<div>
<p>
<ul>
<li>...</li>
<li>...</li>
</ul>
</p>
</div> 设计:用 div 包住两个 p 段落,让整个版面呈现两栏式。
清单项目前面的那个 marker 会跑出 p 包的范围,
(用 css 让 p 显示 border,可以看出 marker 不受限地跑到 border外面)
我在想是不是我把 div 跟 p 的用法搞混了,
如果我把 p 标签改成 div 的话,就可以顺利地把清单项目包进去,
我想问说,如果我硬要用 p 标签包住清单项目,是不是真的没有办法呢?
目前有想到一个方法,
<div>
<p>
<div>
<ul>
就是在 p 标签下再用一个 div 包清单项目,可是又产生一个问题,
div 可以包 div 标签吗 @@?
印象中看网路的资料上写不能这麽做耶…
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.172.62.87
1F:推 linrobz:可以包阿...为什麽坚持用<p>包<ul>? 01/29 17:12
2F:推 terrylchen:可能是因为原po想用p标签来分隔段落吧 01/29 17:55
3F:推 miau:你可以直接在css里面写 li {margin-left: 30px;} 数值随你调 01/29 18:17
4F:→ FrWalk:其实用 p 去包的原因是因为我看过"div不能包div"的说法 01/29 20:37
5F:→ FrWalk:你们可以试试写简单的code 会发现ul没有办法包在p的区块里 01/29 20:44
6F:→ FrWalk:不晓得有没有改善的方法? 01/29 20:45
7F:→ FrWalk:miau的方法会让一些清单列跑掉@@ 我再试试看 01/29 20:47
8F:→ FrWalk:上网找资料 有看到DIV包DIV的例子 一切问题都解决了^^ 01/29 22:15
9F:推 LPH66:我很好奇是哪里说div不能包div的? 01/30 13:34
10F:→ FrWalk:我再重看了一次 发现是自己眼残 = =" 01/30 21:16
11F:推 ikaridon:是有人反感Divitis用太多div啦 囧 但还不至於不能包两层~ 01/30 21:18
12F:→ FrWalk:资料写的是 <span> 标签里不能包含 <div> 是我眼残 sorry 01/30 21:22
13F:→ starjou:inline element & block element 分清楚很有用 01/31 00:33