如何在WordPress文章中添加支持自适应表格

2020-03-06 09:27 阅读: 368 次 隐藏边栏


默认的wordpres程序是没有表格添加功能,而且对于一些成熟的主题表格功能同样被忽略,那今天分享给大家的是一套可以通用的自适应表格解决方案,可以让你的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>

以上是一个基础的模块结构,如果想添加更多,多复制几组代码即可:

自适应表格输入文字
提示的示例为两栏自适应表格,如需多栏自适应表格,需要将代码中的“50%”修改成3栏“33.33%”或着四栏修改成“25%”等。以此类推。

如果想让表格内的文字居中对齐,需要在wordpress主题的style样式表中添加以下样式,达成居中效果。

.table-r td{
    text-align: center;
}
请一秒钟记住我们的网址:www.aliyuncms.com ! 转载请注明:如何在WordPress文章中添加支持自适应表格
版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载注明:阿里云CMS| 如何在WordPress文章中添加支持自适应表格
分类:WordPress教程 标签:
亦之博客-最专业的WordPress主题免费收集分享平台!

发表评论


表情