[問題] 清單項目

看板Web_Design作者 (難道)時間18年前 (2008/01/29 16:49), 編輯推噓5(508)
留言13則, 7人參與, 最新討論串1/1
我在使用清單項目標籤的時候遇到以下問題, <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

01/29 17:12, , 1F
可以包阿...為什麼堅持用<p>包<ul>?
01/29 17:12, 1F

01/29 17:55, , 2F
可能是因為原po想用p標籤來分隔段落吧
01/29 17:55, 2F

01/29 18:17, , 3F
你可以直接在css裡面寫 li {margin-left: 30px;} 數值隨你調
01/29 18:17, 3F

01/29 20:37, , 4F
其實用 p 去包的原因是因為我看過"div不能包div"的說法
01/29 20:37, 4F

01/29 20:44, , 5F
你們可以試試寫簡單的code 會發現ul沒有辦法包在p的區塊裡
01/29 20:44, 5F

01/29 20:45, , 6F
不曉得有沒有改善的方法?
01/29 20:45, 6F

01/29 20:47, , 7F
miau的方法會讓一些清單列跑掉@@ 我再試試看
01/29 20:47, 7F

01/29 22:15, , 8F
上網找資料 有看到DIV包DIV的例子 一切問題都解決了^^
01/29 22:15, 8F

01/30 13:34, , 9F
我很好奇是哪裡說div不能包div的?
01/30 13:34, 9F

01/30 21:16, , 10F
我再重看了一次 發現是自己眼殘 = ="
01/30 21:16, 10F

01/30 21:18, , 11F
是有人反感Divitis用太多div啦 囧 但還不至於不能包兩層~
01/30 21:18, 11F

01/30 21:22, , 12F
資料寫的是 <span> 標籤裡不能包含 <div> 是我眼殘 sorry
01/30 21:22, 12F

01/31 00:33, , 13F
inline element & block element 分清楚很有用
01/31 00:33, 13F
文章代碼(AID): #17dkYlj1 (Web_Design)
文章代碼(AID): #17dkYlj1 (Web_Design)