table表格嵌套邊框線問題

table表格嵌套邊框線問題

解決方法

• 外層table:

  <table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse;」>

• 橋套表格樣式:

  <table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse;border-width:0px; border-style:hidden;">

  重點是在內層table里加style="border-collapse: collapse;border-width:0px; border-style:hidden;便可

完美解決！

表格基礎知識

• table標籤裏的border：1，是表格外邊框和td邊框
• cellpadding：10，td裏面的內邊距
• cellspacing：10，單元格間距，td與td的間距，能夠理解爲外間距
• border-collapse：collapse 是將單元格td的線合爲一條，默認不寫是separate（分開）
• border-width：0px 邊框寬度
• border-style：hidde ，在表格中用來解決邊框衝突問題