HTML5中沒有cellspacing和cellpadding怎么辦

本文转载自 you23hai45 查看原文 2016-03-09 5 html5/ html

1、問題背景

HTML4版本中table有cellspacing和cellpadding，但是在HTML5中沒有，要使table邊框不出現間隙，該如何解決

2、HTML5代碼

<!doctype html><html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>

<body>
<table class="tab">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</body>
</html>

3、解決辦法

<!doctype html><html><head><meta charset="utf-8"><title>無標題文檔</title><style>   .tab{   border-collapse:collapse;   }</style></head><body><table class="tab">  <tr>    <td> </td>    <td> </td>    <td> </td>    <td> </td>  </tr>  <tr>    <td> </td>    <td> </td>    <td> </td>    <td> </td>  </tr>  <tr>    <td> </td>    <td> </td>    <td> </td>    <td> </td>  </tr>  <tr>    <td> </td>    <td> </td>    <td> </td>    <td> </td>  </tr></table></body></html>

利用CSS中的屬性border-collapse:collapse; 為表格設置合並邊框模型

注意！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系我们删除。

html5中不再支持table的cellspacing和cellpadding屬性 html5中不再支持table的cellspacing和cellpadding屬性 How to use cellpadding and cellspacing on HTML5? Set cellpadding and cellspacing in CSS? cellpadding，cellspacing都是廢棄的屬性了，早已不推薦使用，最新的html5里已經徹底去掉了這些表現型的屬性。 IE6/7中使用setAttribute設置table的cellpadding和cellspacing的Bug How to solve this warning Type Attribute (cellpadding) is obsolete. Its use is discouraged in HTML5 documents HTML基礎 table標簽cellpadding屬性設置單元格中的文本與單元格的距離 HTML Table cellspacing or padding just top / bottom （二）html5中的屬性