HTML5中沒有cellspacing和cellpadding怎么辦

本文转载自 you23hai45 查看原文 2016-03-09 1 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; 為表格設置合並邊框模型

注意！

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