• 欢迎访问夜影小窝网站,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入夜影小窝 QQ群
  • Git主题现已支持滚动公告栏功能,兼容其他浏览器,看到的就是咯,在后台最新消息那里用li标签添加即可。
  • 最新版Git主题已支持说说碎语功能,可像添加文章一样直接添加说说,新建说说页面即可,最后重新保存固定连接,演示地址
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏夜影小窝吧

添加表格自适应绿色代码,适应于各种产品展示。

WEB技术 yyhouse 5个月前 (03-29) 335次浏览 已收录 0个评论 扫描二维码
文章目录
[隐藏]

首先,我们需要把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>

如果我们需要添加更多行,就多复制几个

<tr>
    <td width="50%">自适应表格</td>
    <td width="50%">输入文字</td>
</tr>

如果我们需要添加多列,就多复制几个

<tr>
    <td width="25%">自适应表格</td>
    <td width="25%">输入文字</td>
<td width="25%">输入文字</td>
<td width="25%">输入文字</td>
</tr>

上面是两栏自适应表格,如果需要多栏自适应表格,width的宽度百分比是需要进行相应调整的,双列并排就宽度百度比设置为50%、三栏修改成“33.33%”,四栏修改成“25%”以此类推。


转载请注明:来源于【夜影小窝】。文章标题:添加表格自适应绿色代码,适应于各种产品展示。,文章链接:https://www.yeyhome.com/55.html
喜欢 (2)
[327982852@qq.com]
分享 (0)
yyhouse
关于作者:
90后,从事弱电安防智能化工程,包含监控系统,楼宇对讲系统,LED系统,广播音箱系统,停车场系统,楼宇对讲系统喜欢分享捣鼓有趣的代码。。。
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
×
订阅图标按钮