Re: [問題] 如何用CSS作出類似書本的目錄頁?

看板Web_Design作者 (Boston's 10th Man.)時間13年前 (2011/02/16 00:45), 編輯推噓3(307)
留言10則, 6人參與, 最新討論串2/2 (看更多)
http://jsfiddle.net/adamp3/GVd6Q/ 搞定了 用pseudo class搭配border-style就可以做出無圖片的效果 無js 要幾行都沒問題 :) 當然IE8以前不支援:after, :before,所以就不管它XD ※ 引述《jimshsu (jims)》之銘言: : 使用word的自動目錄功能,可以做出 : 1.標題............................2 : 想請問各位,如果要用CSS製作,有辦法作可以自行換行嗎? : 例如 : 1. Propodi of maxillipeds 3–4 ovate, usually longer than : broad, without distal ribbing............................... 2 : 我上網找到方法,但只能做到單行的部分,而且我底色跟"."必須配合 : 因為對CSS還沒有很熟~上想不出如何改進 : 所以請教版眾是否有類似經驗? : http://www.sohtanaka.com/web-design/table-of-contents-style-layout-with-css -- http://www.flickr.com/photos/adamp3/sets/ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.45.186.169

02/16 00:51, , 1F
標題剛好吃滿整個行時,但有小問題。
02/16 00:51, 1F

02/16 00:51, , 2F
標題剛好吃滿整個行時,會有小問題。
02/16 00:51, 2F

02/16 00:56, , 3F
ok 修正了!
02/16 00:56, 3F

02/16 19:02, , 4F
厲害.
02/16 19:02, 4F

02/16 19:14, , 5F
多謝分享...總算知道原來content可以這樣用!!!
02/16 19:14, 5F

02/16 21:26, , 6F
帥氣~
02/16 21:26, 6F

02/16 23:57, , 7F
你真的很愛jsfiddle XD
02/16 23:57, 7F

02/17 00:16, , 8F
jsfiddle好用 一目了然啊 還有語法highlighted
02/17 00:16, 8F

02/17 18:02, , 9F
可以考慮把 :after 和 :before 倒過來,這樣就不需要設定
02/17 18:02, 9F

02/17 18:02, , 10F
z-index 了 =)
02/17 18:02, 10F
文章代碼(AID): #1DMgsu8A (Web_Design)
文章代碼(AID): #1DMgsu8A (Web_Design)