鲸落

Menu

在wordpress不使用插件插入excel表格。

在编辑上一篇文章的时候需要插入表格进行比较,每次装插件都出现各种bug,直接借助度娘,终于找到了解决方案。

表格直接与主题自适应,代码如下:

  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>

源代码来自知乎:诗梦

效果:

输入文字 输入文字 输入文字 输入文字 输入文字
输入文字 输入文字 输入文字 输入文字 输入文字
输入文字 输入文字 输入文字 输入文字 输入文字
输入文字 输入文字 输入文字 输入文字 输入文字

有可能代码插入了,文章页面不显示实线,解决方案,在主题样式表style.css中对表格样式重新定义。也就是直接在style.css结尾插入以下代码即可解决。

来自:https://zhidao.baidu.com/question/420994938.html

代码如下:

  1. table,th,td{
  2.         border-collapse:collapse;
  3.         border:1px solid black;
  4.         }

 

 

— 于 共写了707个字
— 文内使用到的标签:

发表评论

电子邮件地址不会被公开。 必填项已用*标注