1 2 3 4 5 6

廣告

網友您好,若是您覺得我寫的工具或文章對您有幫助,
而您或者您的朋友有在博客來購物,可以透過底下連結

如何在博客來購物贊助網站或是點選計數器下方的博客來圖示來讓網站可以永續經營。

2018年8月18日 星期六

為什麼我表格中使用css的顯示及隱藏後表格的寛度會亂掉

最近改寫我的購物單,想說可以依分類點選再看明細,但是用了css的display:none跟display:block,發現表格td的寛度會跑掉,上網找到一位也有遇到這個問題的網友,才發現在表格中,不能使用block,使用了會依表格的內容大小改變,最後是設定空值才解決這個問題。
有問題的連結: http://bestdaylong.com/html/table_tr.htm
正常的連結:  http://bestdaylong.com/html/table_tr_ok.htm

1.點選分類隱藏再顯示,表格內容就會跑掉

2.程式碼中是使用block

3.這個是不管怎麼操作都是正常的

4.display中設為空值
參考資料: http://jackiechin.blogspot.com/2010/12/trcssdisplay.html(卡到陰的TR與CSS:Display屬性)

沒有留言:

贊助

彰化一整天粉絲團