WordPress文章页表格(table)自适应宽度

代码

table(表格)属性的代码:

<table style="table-layout: fixed;" border="1" width="100%" cellspacing="0" cellpadding="2">

参数解析:

border—表格的线宽为1;

cellspacing—表格内数据与表格间隔为0;

cellpadding—单元格与单元格间隔为2。

无插件实现WORDPRESS插入表格的方法

<tr bgcolor="#0066b8" style="color:#fff;font-weight:bold;">

bgcolor:背景色,它的值可以为HEX颜色值,也可写blue, red, black, green 等color:字体颜色,值跟上面的bgcolor一样font-weight:字的粗细,bold是粗体.

总结

在定义自适应表格时,width(整个表格的宽度)要设置为百分比类型,范围0%~100%,不能为具体固定数值。

表格参数必须配置style=”table-layout:fixed;”,可以使半角连续字符强制换行,否则会撑破列宽影响表格美观。

当使用百分比定义表格width时,不能轻易在tr(行)或td(列)中加入height属性,否则会使表格被内容撑出相应的高度。

td,tr{border:1px solid #eee;text-align:center;padding:10px;}

未经允许不得转载:大树博客 » WordPress文章页表格(table)自适应宽度

赞 (0) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏