HTML5中沒有cellspacing和cellpadding怎么辦


HTML5中沒有cellspacing和cellpadding怎么辦


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屬性 在html5中不支持的cellpadding 和 cellspacing ; 2) 如何用css實現 cellpadding, cellspacing ; 3) tr , th 是 有 border, 沒有 padding 的.如何在HTML5上使用cellpadding和cellspacing? - How to use cellpadding and cellspacing on HTML5?HTML cellpadding與cellspacing屬性在HTML5中,對於表,是什么替代了cellpadding (cellpadding)、cellspaces、valign和align? - In HTML5, with respect to tables, what replaces cellpadding, cellspacing, valign, and align?在CSS中設置cellpadding和cell間距? - Set cellpadding and cellspacing in CSS?CSS中cellpadding和cellspacing的代替方法是否有必要在
中添加cellspacing =“0”cellpadding =“0”? - Is it necessary to add cellspacing=“0” cellpadding=“0” in
?總結HTML <table> 標簽的 cellspacing cellpadding 屬性
 
粤ICP备14056181号  © 2014-2020 ITdaan.com