問題解決---table隱藏時佈局被改變的解決方法

轉自原文:https://blog.csdn.net/sun_joey/article/details/79115669

在開發中,有時會有這樣的需求,點擊元素時顯示某個table,一般這個時候我們第一時間想到的就是直接給table設置display爲inline,但很抱歉,這樣做table雖然顯示了,但有很多問題,table裏的元素佈局出問題了。如:tr元素無法填滿整個table(即tr的寬度小於table了),why?因爲table的默認display爲table,我們把display修改爲inline,改變了其佈局方式。

正確做法是

(1)把display設置爲默認參數table;

(2)在table外層增加一個div,初始化時設置div的display爲none,點擊元素時div的display設置爲inline。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章