Question

表格的外边距CSS样式怎么改？

<table cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr class="firstRow">
<td width="102" valign="top" style="border: 1px solid black; background: rgb(182, 221, 232); padding: 0px 4px; word-break: break-all;">
<p style="text-align:center">
<span style="font-size: 14px;"><span style="color: black; font-family: 宋体, SimSun;">薪资结算</span>         </span>
</p>
</td>
放在手机上显示，表格现在左右边距是0的，怎么改为边距5px?





Answer 1

你要做响应式的话最好不要内嵌样式，内嵌样式不利于适应手机端；你写样式的时候得分开手机端和PC端的样式。你上述样式有一个446px，在一些手机已经超屏了。表格的外边距你就直接给table margin：0px 5px;就可以了。

追问

这样改吗？好像不起作用。

追答

如果你能放弃内联样式你就成功一半了；你都给它一个类了，你可以直接用相对应类来控制样式，况且你的内联样式都写错了。你要的表格外边距如果写内联样式应该这样写：

为什么要写table 呢？
正确写法：
你得多看看css菜鸟教程。