網路城邦
回本城市首頁 他山之石
市長:麥芽糖  副市長: blackjack
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市政治社會政治時事【他山之石】城市/討論區/
討論區健康 疾病 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
《延壽十八味》的格式
 瀏覽853|回應1推薦2

孔明車
等級:7
留言加入好友
文章推薦人 (2)

孔明車
麥芽糖

麥芽師兄:

遵囑看了一下您於城邦試俥期間,在《他山之石》試貼的十八味。並試依師兄交代找出問題所在。

請原諒我不拐彎抹角地直接討論:

師兄貼文失敗之處,並非語法運用上的錯誤,而是對使用 table 的觀念錯誤,或謂「觀念不清楚」。

  • 在 HTML 語法中 table 的運用可以像盒子一般利用。換句話說,可以大盒子套小盒子。依需要儘管套。

  • table 的另一特色是,它會依內容的多少而自動調整它的大小(寬或高)。

  • table 的指令中 <table> 和 <td> 可以設定寬或高。


首先,讓我們看看《十八味》應呈現的樣貌:

為了節省篇幅,並便於比對,請按此連結以開新窗方式讀取。


接著,讓我們來看看師兄當初的貼作:








廣 
一 
十 












便



一 
一 
全 





































































































































 
 





 










 




隨 
一 
一 十
點 分

我們可以發現,這個 table 的最左部份的幾行,被拉到底下去了。而藥方部分的中間段,被拉長了,以便與左邊等高。
這個現象就是我在前面所提的第二項 table 觀念:「它會依內容的多少而自動調整它的大小(寬或高)。 」


如果我們仔細看看原始方箋的設計格式,不難發現,雖說是一個方箋,其實有四種不同的 layout 。這在《七事堆》的『《延壽十八味》和 君臣佐使』一文的圖表說明中可以看出端倪,於此不多贅述。

我設計這十八味的 table 也是根據圖表所示,分成四個區塊。每個區塊都各自有各自的 <table> .... </table>。然後在自己的 table 裡,再建立自己獨有的 layout。

我用不同顏色的虛線把這四個區塊框出來,放在下面供師兄參考:





































































































































 









便










廣 
用 
一 
塊 
十 
分 



一 
條 
一 
味 
全 
用 


 
 
   
隨 
施 
一 
團 
一 十
點 分






 
 
 
 
 





 













 




 


相信師兄看了這用不同顏色的邊線表示的區塊,就可以了解我前面一再提到的,以四個 table 各自獨立,再分別以 <td> ... </td> 來包含在一個大 table 裡,問題就很簡單了。所遇到的互相干擾的問題也沒有了。

坦白講,這種做法,可謂四兩撥千斤。

如果要說缺失,就是瀏覽器 load 一個複雜的 table 要用比較多的時間。而且 coding 工作繁複而已。
當然啦,純 HTML 的微調工作非常粗糙,這也就是 CSS 會當道之故了。

謝謝師兄耐心看到這兒。
如仍有問,請不吝賜教。

回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:http://city.udn.com/forum/trackback.jsp?no=3221&aid=1238400
 回應文章
謝謝
推薦0


麥芽糖
等級:8
留言加入好友

 

謝謝孔明車師兄:

這麼好的藥方 這麼精良的使用電腦技術

麥芽糖非常敬佩 也很高興 您來讓[他山之石]的網友分享

麥芽糖第一個要每天服用

功德無量!

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=3221&aid=1238403