如何在WordPress文章中添加支持自适应表格
摘要:默认的wordpres程序是没有表格添加功能,而且对于一些成熟的主题表格功能同样被忽略,那今天大挖分享给…
摘要:默认的wordpres程序是没有表格添加功能,而且对于一些成熟的主题表格功能同样被忽略,那今天大挖分享给大家的是一套可以…
默认的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;
}
|
类别:WordPress教程、
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
还没有任何评论,赶紧来占个楼吧!