默认的wordpres程序是没有表格添加功能,而且对于一些成熟的主题表格功能同样被忽略,那今天大挖分享给大家的是一套可以通用的自适应表格解决方案,可以让你的wordpress程序主题无论什么版本都立即支持自适应表格。
注意,添加表格时需要把编辑器默认切换到文本模式,并且修改代码中的文字内容。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<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样式表中添加以下样式,达成居中效果。
1 2 3 |
.table-r td{ text-align: center; } |