wordpress自适应表格_WordPress文章中添加自适应表格

WordPress文章中添加自适应表格。前几天小伙伴问我怎么在网站中添加自适应表格。在网上寻找到这么个代码,给了他。这会儿想了想,还是收集到自己网站,下次自己需要使用的时候可以快速找到了。

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

自适应表格

自适应表格输入文字
自适应表格输入文字
自适应表格输入文字
自适应表格输入文字

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

自适应表格 输入文字

195112076f7273714239c89c9b7cc40b.png

上面是两栏自适应表格,如果需要多栏自适应表格,可以将代码中的“50%”修改成需要的数字。3栏修改成“33.33%”,四栏修改成“25%”等。

如果想让文字居中,可以在WP编辑器中选择中,也可将下面的样式代码添加到主题css中,知更鸟主题还可以添加到主题选项→定制风格“自定义样式”中:.table-r td{ text-align: center;}

* 添加复制时版权提示 * 禁止站内相互pingback * 修复置顶文章后显示错误 * 修复因PHP7+ 而导致class.tgm.php的标题错误 * 修复默认小工具CSS显示问题 * 添加 手机端底部友情链接**v1.20_local_shenyun** * 以下版本为神韵博客(https://51shenyun.cn) 基础于Alatelee(http://agatelee.cn)的修改* 添加评论算数验证码 * 添加侧边栏缓存 使其静态 减少数据库查询 /更新周期1小时 可在sidebar.php修改 * 优化SEO修改在首页时logo为h1标签 文章时标题为h1标签 logo为h2标签 * 优化SEO为head添加canonical标签 利于收录 * 移除预获取DNS 加快加载速度 * 移除更多无用head头 更加简洁**v1.11_local** 修改了显示bug, * 自定义表情支持 * 修改了all.js * 手机上点击评论表情dropdown无法弹出 * ipadmini2纵向放置出现了mobile-menu无法触发 * 桌面浏览器缩小窗口出现了mobile-menu无法出发 * 关于页面IOS移动设备可以触发hover事件 * 显示微信二维码 * 使用https方式获取gavatar头像,避免被墙 **v1.10_local** 更正了logo分辨率、将代码的tab替换为4个空格**v1.09_local** 自定义表情支持,评论表情选择**v1.08_local** Alatelee(http://agatelee.cn)修改版* 关于页面功能增加 * 404页面功能增加 * 增加了分类页面 * 本地化 * 替换了首页logo * 替换了默认图片 * 备案号 * 对于置顶的文章显示全文 * 重新设计了404页面 ![](public/images/404.png) * 增加了表格样式 * 增加了代码样式 * 增加了友情链接页面 * 增加了关于页面**v1.06** 牧风原版
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值