tr的display屬性出現td的colspan無效問題


http://www.aichengxu.com/other/9262680.htm

今天在做項目的時候發現用javascript控制 tr 的顯示隱藏時,當把tr的顯示由“display:none”改為“display:block”時,該tr下的td內容合並到了第一個td里,

將原有數據刪除后只填寫一個<td>111</td>時也會出現這種情況,猜測不是td中代碼的問題。

若在tr上直接寫上樣式:display:block時會發現布局正常,colspan起了作用,但是只要一使用js控制時就會出現合並問題,因此猜測是js導致合並問題的出現,

也就是說,原先在td中設置的colspan屬性無效了。 

由於display屬性設置為空時,默認為顯示,將“display:block”改為“display:''” 即可。

搜索網上資料時發現設置為

display:;

時不起作用,改為“display:table-row ” 好用。

如果將display屬性設置為空時,應寫成如下形式:

display:'';
display:"";

同樣可以解決問題。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM