我们看到有不少网友反馈,自己在WoRDPRESS自带的表格样式设置的表格之后,在电脑端显示没有问题,但是在移动端手机上看到确实是不舒服的。并不是我们习惯的自适应,那我们应该如何操作呢?
> <h3>调整自适应表格</h3>
> <div class="table-r">
> <table width="100%">
> <tbody>
> <tr>
> <td width="50%">自适应表格</td>
> <td width="50%">输入文字</td>
> </tr>
> <tr>
> <td width="50%">自适应表格</td>
> <td width="50%">输入文字</td>
> </tr>
> <tr>
> <td width="50%">自适应表格</td>
> <td width="50%">输入文字</td>
> </tr>
> <tr>
> <td width="50%">自适应表格</td>
> <td width="50%">输入文字</td>
> </tr>
> </tbody>
> </table>
> </div>
我们可以给在编辑文章的时候添加的表格,修改表格样式。根据我们需要的行数和列数在调整。
如果我们看到文字不居中,可以加上这个样式:
> table-r td{
> text-align: center;
> }