wordpress文章中插入表格代码

  • A+
所属分类:WP教程

一直在找wordpress的表格,但是没有一直找到合适的,今天看到鸟哥 的介绍,顺便拿过来分享大家。

编辑文章切换到文本编辑模式,将下面代码添加进去,并修改其中的文字:

  1. <h3>自适应表格</h3>
  2. <div class="table-r">
  3. <table width="100%">
  4.     <tbody>
  5.         <tr>
  6.             <td width="50%">自适应表格</td>
  7.             <td width="50%">输入文字</td>
  8.         </tr>
  9.         <tr>
  10.             <td width="50%">自适应表格</td>
  11.             <td width="50%">输入文字</td>
  12.         </tr>
  13.         <tr>
  14.             <td width="50%">自适应表格</td>
  15.             <td width="50%">输入文字</td>
  16.         </tr>
  17.         <tr>
  18.             <td width="50%">自适应表格</td>
  19.             <td width="50%">输入文字</td>
  20.         </tr>
  21.     </tbody>
  22. </table>
  23. </div>

想添加更多行,多复制几个:

  1. <tr>
  2.     <td width="50%">自适应表格</td>
  3.     <td width="50%">输入文字</td>
  4. </tr>

但是其中的50%要改为33.3%,这样一来就能很平均了。如果你是其他的话,就可以10%,50#,40%。这样一来就会出现不同距离的表格列宽。

效果如图:

wordpress文章中插入表格代码

如果想让文字居中,可以在WP编辑器中选择中,也可将下面的样式代码添加到主题选项→定制风格“自定义样式”中:

  1. .table-r td{
  2.     text-align: center;
  3. }

 

发表评论

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