在HTML5中，就表格而言，什么取代了cellpadding，cellspacing，valign和align？

在Visual Studio中 ，我看到这些警告：

• validation（HTML 5）：属性“cellpadding”不是元素“table”的有效属性。
• validation（HTML 5）：属性“cellspacing”不是元素“table”的有效属性。
• validation（HTML 5）：属性“valign”不是元素“td”的有效属性。
• validation（HTML 5）：属性“align”不是元素“td”的有效属性。

如果它们在HTML5中不是有效的属性，那么用CSS代替它们呢？

Answer 1

/* cellpadding */ th, td { padding: 5px; } /* cellspacing */ table { border-collapse: separate; border-spacing: 5px; } /* cellspacing="5" */ table { border-collapse: collapse; border-spacing: 0; } /* cellspacing="0" */ /* valign */ th, td { vertical-align: top; } /* align (center) */ table { margin: 0 auto; } 

Answer 2

这应该可以解决你的问题：

 td { /* <http://www.w3.org/wiki/CSS/Properties/text-align> * left, right, center, justify, inherit */ text-align: center; /* <http://www.w3.org/wiki/CSS/Properties/vertical-align> * baseline, sub, super, top, text-top, middle, * bottom, text-bottom, length, or a value in percentage */ vertical-align: top; } 

Answer 3

在特定的桌子上

 <table style="border-collapse: separate; border-spacing: 10px;" > <tr> <td>Hi</td> <td>Hello</td> <tr/> <tr> <td>Hola</td> <td>Oi!</td> <tr/> </table> 

Answer 4

或者，可以用于特定的表格

  <table style="width:1000px; height:100px;"> <tr> <td align="center" valign="top">Text</td> //Remove it <td class="tableFormatter">Text></td> </tr> </table> 

在外部文件中添加这个CSS

 .tableFormatter { width:100%; vertical-align:top; text-align:center; } 

Answer 5

我想你正在使用Visual Studio来编辑网页。 然后我也面临同样的问题。 事情是，这个元素没有这个“属性”。

你有你移动这个属性的风格：

从：

 <td valign="top">XXXX</td> 

至：

 <td style="vertical-align:top;">XXXX</td>