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 ，在表格中用来解决边框冲突问题