WordPress自带表格不能自适应手机端方法

  • A+
所属分类:wordpress

我们看到有不少网友反馈,自己在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;

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
广告也精彩
广告也精彩

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: