[問題] 如何製作這樣的排版效果？

看板Web_Design作者 (沙士比亞)時間19年前 (2007/01/12 22:46), 編輯推噓3(3推 0噓 5→)
留言8則, 4人參與, 最新討論串1/4 (看更多)
第壹章、總則 　第一條　名稱 　　　＃＄％（＊＃＆％＊（＆＃＊（％＆（＃＄＆＃＄（＊＆＄ 　　　＃％＆（＊％＆％（＊＃＆％＊（＆％＊％＆＃＊＆％＊（ 　第二條　宗旨 　　　＄＃％（＊（）＊％）（＊％＃）（＊％）（＊＃％＊＃％ 　　　％＃（＊％（＆＃％（＊％＆（＊％＆％（＆％＃ 　　（一）％＃＊＆％＃（＊＆＃＊＆＊＃＆＄＊＆＊（＆＊＄＆ 　　　　　％＊（＃％＆＃（＊％＆％＃＊（＃％＆ 　　（二）。。。。。。。。。。。。。。。。。。。。＄＃＆＊ 　　　　　＃＄＊（＃＄＆＄＊（＃＆＄＊＆＄＃（＊＃＄＆ 　　（三）＃％＆︿＊＃％＆︿＃＊＆％︿％＊＆︿％＃＊＆ 　第三條 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 請問，如果我想設計出像上面這樣的規章排版效果，而且： 一、想用CSS格式化 二、不想用table或div，以利轉貼和更新 三、希望字可以用相對大小，以利瀏覽器使用者能自訂 應該怎麼做會比較好？ -- 我本來是想到用indent處理，不過似乎沒辦法製作相對大小的縮排>"< -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 163.25.118.142 ※ 編輯: sarsspear 來自: 163.25.118.142 (01/12 22:47) ※ 編輯: sarsspear 來自: 163.25.118.142 (01/12 22:48)
推
01/13 01:32, , 1F
有個東西叫全形空白「　」.....
01/13 01:32, 1F
→
01/13 01:33, , 2F
這是認真的啦，不過適不適合這樣做，要看你堅持的信念為何。
01/13 01:33, 2F
→
01/13 01:34, , 3F
另外，長度單位可以用 em 這樣就是你要的了。
01/13 01:34, 3F
推
01/13 01:41, , 4F
我記得css的字可以用相對大小吧
01/13 01:41, 4F
→
01/13 01:52, , 5F
第一條第二條那個可以試試<dl><dd>第一條</dd><dt>內容</dt>
01/13 01:52, 5F
→
01/13 01:53, , 6F
</dl> 然後你就可以對<dt>和<dd>做格式化
01/13 01:53, 6F
→
01/13 01:53, , 7F
反了 <dl><dt>第一條</dt><dd>內容</dd></dl> 才對
01/13 01:53, 7F
推
01/13 02:01, , 8F
用 <pre> 和 </pre> 包起來, 然後排版用全形空白
01/13 02:01, 8F
※ 編輯: sarsspear 來自: 163.25.118.142 (01/13 11:07)
‣ 更多 sarsspear 的文章
文章代碼(AID): #15fvylea (Web_Design)
討論串 (同標題文章)
以下文章回應了本文：
完整討論串 (本文為第 1 之 4 篇)：
排序： 最新先 | 最舊先 | 留言數
在新視窗開啟完整討論串 (共4篇)
‣ 更多 sarsspear 的文章
文章代碼(AID): #15fvylea (Web_Design)