什么情况下cellspacing=0无效

wanfu 麦克百科 2024-01-08 89 0

什么情况下cellspacing=0无效

情况经济合同效
般情况
table cellspacing="0" cellpadding="0" border="0"
都直接定义HTML
现想cellspacing="0" cellpadding="0" border="0"三属性HTML掉应CSS文件应该写才能达同效呢

cellpadding 和cellspacing区别

cellpadding和cellspacing区别:cellspacing属性用来指定表格各单元格之间的空隙。此属性的参数值是数字，表示单元格间隙所占的像素点数。

看下面的两个表格:

比较代码，上边两个表格中只有cellspacing的设置不同，一个为“0”，一个为“8”，显示的结果就是之一个表格的每个单元格之间的距离为0(在本例中由于我们为了显示的方便，将表格边框设为“1”，所以单元格的真实距离是“2”，若将表格边框设为“0”，则单元格的距离就是0了，第二个单元格同理)，第二个表格的每个单元格之间的距离为8，cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小。此属性的参数值也是数字，表示单元格内容与上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。我们先来看看这个例子:看下面两个表格:之一个表格单元格的内容与单元格边界之间没有空白距离，而第二个表格单元格的内容与单元格边界之间有空白距离，我们来比较一下他们的源代码:

之一个表格的代码:

网页陶吧

第二个表格的代码:

网页陶吧

两个表格只有红色部分代码不同。之一个表格中"网页陶吧"这几个字离它所在的单元格为0，那是因为设置了cellpadding="0"的原因，之一个表格中的"网页陶吧"这几个字离它所在的单元格比较远，那是因为cellpadding="15"，也就是说"网页陶吧"离它所在的单元格的边界的距离为20像素。简单的说，cellpadding的值等于多少，那表格内的单元格从自身边界开始向内保留多少空白，单元格里的元素永远都不会进入那些空白里。cellspacing设置为“0”，显示的结果就是之一个表格的每个单元格之间的距离为0，若将表格边框设为“0”，则单元格的距离就是0了cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小。此属性的参数值也是数字，表示单元格内容与上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。

楼上回答的很简洁正解

下面分享相关内容的知识扩展：

谁能帮我把这段table转换成div css的啊，谢谢

<table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr valign="top">
<td class="87a3c69e60871429 sider"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="c69e6087142908a0 title">
<tr>
<td><strong>最后更新</strong></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="6087142908a04484 box">
<tr>
<td><ul>
[ecmsinfo]0,11,28,0,3,2,0[/ecmsinfo]
</ul>
[ecmsinfo]0,1,18,0,5,5,1[/ecmsinfo]</td>
</tr>
</table></td>
<td class="142908a04484fff4 content"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>

[phomeflashpic]0,3,450,250,0,0,13,3[/phomeflashpic] </td>
</tr>
</table>
<style>
#y1{}
#y2{}
#y3{}
</style>

<div id="y1"><strong>最后更新</strong></div>
<div id="y2">[ecmsinfo]0,11,28,0,3,2,0[/ecmsinfo]<br/>
[ecmsinfo]0,1,18,0,5,5,1[/ecmsinfo]</div>
<div id="y3"> [phomeflashpic]0,3,450,250,0,0,13,3[/phomeflashpic]</div>

checkbox length属性

用法,作用,越详细越感激啊
checkbox没有length这个属性
我把html代码的所有代码属性给你看吧

跑马灯
...普通卷动
...滑动
...预设卷动
...来回卷动
...向下卷动
...向上卷动
向右卷动
向左卷动
...卷动次数
...设定宽度
...设定高度
...设定背景颜色
...设定滚动速度
...设定卷动时间
...鼠标经过上面时停止滚动
...鼠标离开时开始滚动

字体效果

...

标题字(更大)

...

标题字(最小)
...粗体字
...粗体字(强调) （同上效果略同）
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
~~...~~横线
~~...~~删除线
~~...~~删除线(表示删除)
...键盘文字
... 打字体
...固定宽度字体(在文件中空白、换行、定位功能有效)
...</plaintext>固定宽度字体(不执行标记符号) <br/>...</listing> 固定宽度小字体 <br/><br/><font color=00ff00>...</font>字体颜色 <br/><font size=1>...</font>最小字体 <br/><font style =’font-size:100 px’>...</font>无限增大 <br/><!>区断标记 <br/><hr>水平线 <br/><hr size=’9’>水平线(设定大小) <br/><hr width=’80%’>水平线(设定宽度) <br/><hr color=’ff0000’>水平线(设定颜色) <br/><br>(换行) <br/><nobr>...</nobr>水域(不换行) <br/><p>...</p>水域(段落) <br/><center>...</center>置中 <br/><!>连结格式 <br/><base href=位址>(预设好连结路径) <br/>外部连结 <br/>外部连结(另开新视窗) <br/>外部连结(全视窗连结) <br/>外部连结(在指定页框连结) <br/><!>贴图/音乐 <br/><p><strong>为什么在table中用colspan跨列的时候，跨越的列的宽度自动一样了呢？</strong></p><table width="98%" style="table-layout:fixed;word-break:break-all" border="1" cellpadding="0" cellspacing="0"><br/><tr><br/><td width="3%"> </td><br/><td width="14%">提现订单号</td><br/><td width="3%">网站ID</td><br/><td width="5%">用户名</td><br/><td width="5%">姓名</td><br/></tr><br/></table><br/>这样是没有问题的，一行上的单元格的大小是按照width的设置显示的！但是应用了colspan跨行之后，问题出现了！如下所示：<br/><table width="98%" style="table-layout:fixed;word-break:break-all" border="1" cellpadding="0" cellspacing="0"><br/><tr><br/><td colspan="2">我跨越了两列</td><br/><td colspan="3">我跨越了三列</td><br/></tr><br/><tr><br/><td width="3%"> </td><br/><td width="14%">提现订单号</td><br/><td width="3%">网站ID</td><br/><td width="5%">用户名</td><br/><td width="5%">姓名</td><br/></tr><br/></table><br/>代码如上所示，这时候，每个单元格的宽度都是一样，好像在每个单元格中设置的width属性没有发挥作用一样！请教高手，这个问题应该怎么解决呀！在线等待，急！！谢谢！请教很多人了，都没有解决！只好请教 *** 上的高手了！我是之一次在 *** 上提问题！希望不要让我失望呀！目前小弟只有25积分，为了显示我的诚意，本来想全部送出，可是系统最多只让送20分，呵呵！<br/>不能删掉style="table-layout:fixed;word-break:break-all"<br/>因为我还要用它来控制每个单元格的宽度呢？<br/><br/>难道 *** 上就没有一个高手能解决这个问题吗？郁闷了，问题已经挂了好几天了！<br>顶一下，同样的问题我也遇到，看有没有高手解答<br/><br/>补充：<br/>经过了解发现，如果使用table-layout:fixed的话，表格每一列的宽度是根据之一行列的宽度来设置的，所以第二行设置的宽度是没有意义的 <div class="08a04484fff40a60 topic-content"> </div> <p class="4484fff40a60b73c tag-wrap mt mb"> </p>   <div class="fff40a60b73c74ef art-copyright br mb"> <div><strong class="0a60b73c74efd97e addr">本文地址：</strong> <a href="http://baike.wanfuwenhua.com/makbk/14965.html" target="_blank">http://baike.wanfuwenhu *** /makbk/14965.html</a></div> <div><span class="b73c74efd97e0d6b copyright">版权声明：</span>本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至wnw678@qq.com举报，一经查实，本站将立刻删除。</div> </div> <div class="61da54bae8a5013f social-widget mt clearfix">   </div> </div> </article>  <div class="54bae8a5013f7b1c prev-next sb br mb clearfix"> <p class="e8a5013f7b1c7c86 post-prev fl ellipsis"> <span class="013f7b1c7c8687a3 prev">上一篇</span><strong><a href="http://baike.wanfuwenhua.com/makbk/14964.html">荣耀10发布会还有多久(华为荣耀10发布会直播怎么看?)</a></strong> </p> <p class="7b1c7c8687a3c69e post-next fr ellipsis"> <span class="7c8687a3c69e6087 next">下一篇</span><strong><a href="http://baike.wanfuwenhua.com/makbk/14967.html">iphone11发布价格(iphone11回收价格是多少?)</a></strong> </p> </div>  <div class="87a3c69e60871429 related-art sb br mb"> <p class="c69e6087142908a0 c-title"><span class="6087142908a04484 name">相关文章</span></p> <ul class="142908a04484fff4 ul clearfix"> <li class="08a04484fff40a60 related-item mt fl"> <a href="http://baike.wanfuwenhua.com/makbk/61628.html" title="哥只是个传说歌词"> <span class="4484fff40a60b73c span"> <img class="fff40a60b73c74ef img br img-cover" src="http://baike.wanfuwenhua.com/images/pic20246/cde05e60a690476fc1b08ae1491a16ff.jpg" alt="哥只是个传说歌词" title="哥只是个传说歌词"> </span> <p class="0a60b73c74efd97e titile">哥只是个传说歌词</p> </a> </li> <li class="b73c74efd97e0d6b related-item mt fl"> <a href="http://baike.wanfuwenhua.com/makbk/61626.html" title="阖家幸福和合家幸福哪个好"> <span class="61da54bae8a5013f span"> <img class="54bae8a5013f7b1c img br img-cover" src="http://baike.wanfuwenhua.com/images/pic20246/1b0bdf6dc67443a9af2ac2da9c0c6876.jpg" alt="阖家幸福和合家幸福哪个好" title="阖家幸福和合家幸福哪个好"> </span> <p class="e8a5013f7b1c7c86 titile">阖家幸福和合家幸福哪个好</p> </a> </li> <li class="013f7b1c7c8687a3 related-item mt fl"> <a href="http://baike.wanfuwenhua.com/makbk/61624.html" title="期货保证金监控中心"> <span class="7b1c7c8687a3c69e span"> <img class="7c8687a3c69e6087 img br img-cover" src="http://baike.wanfuwenhua.com/images/pic20246/47572d93cdbc427afbf181f8e1428d29.jpg" alt="期货保证金监控中心" title="期货保证金监控中心"> </span> <p class="87a3c69e60871429 titile">期货保证金监控中心</p> </a> </li> <li class="c69e6087142908a0 related-item mt fl"> <a href="http://baike.wanfuwenhua.com/makbk/61619.html" title="盖伦死亡骑士多少钱"> <span class="6087142908a04484 span"> <img class="142908a04484fff4 img br img-cover" src="http://baike.wanfuwenhua.com/images/pic20246/bdab798f95663e7e5a3fd7026de0557c.jpg" alt="盖伦死亡骑士多少钱" title="盖伦死亡骑士多少钱"> </span> <p class="08a04484fff40a60 titile">盖伦死亡骑士多少钱</p> </a> </li> <li class="4484fff40a60b73c related-item mt fl"> <a href="http://baike.wanfuwenhua.com/makbk/61618.html" title="新奥尔良烤翅自己做"> <span class="fff40a60b73c74ef span"> <img class="0a60b73c74efd97e img br img-cover" src="http://baike.wanfuwenhua.com/images/pic20246/4abf2c92683ac1c2c931de61f24d1b4e.jpg" alt="新奥尔良烤翅自己做" title="新奥尔良烤翅自己做"> </span> <p class="b73c74efd97e0d6b titile">新奥尔良烤翅自己做</p> </a> </li> <li class="61da54bae8a5013f related-item mt fl"> <a href="http://baike.wanfuwenhua.com/makbk/61622.html" title="世界十大特种部队"> <span class="54bae8a5013f7b1c span"> <img class="e8a5013f7b1c7c86 img br img-cover" src="http://baike.wanfuwenhua.com/images/pic20246/1fc69be3b95a433daf3c99614decf79a.jpg" alt="世界十大特种部队" title="世界十大特种部队"> </span> <p class="013f7b1c7c8687a3 titile">世界十大特种部队</p> </a> </li> </ul> </div> <p class="7b1c7c8687a3c69e comment-disable sb br"><i class="7c8687a3c69e6087 iconfont-air icon-cry"></i>抱歉，评论功能暂时关闭!</p> <script> $("#on-new-reward").on("click", function() { $("body").append("<div id='reward-mask'></div>"); $("#new-reward").show() }); $("#close").on("click", function() { $("#new-reward").hide(); $("#reward-mask").remove() }); $(".payment-way").bind("click", function() { $(".qrcode-img").hide(); $(".qrCode_" + $(".payment-way").find("input[name=reward-way]:checked").val()).show() }); </script> </div> <aside id="sidebar" class="87a3c69e60871429 hidden-sm-md-lg fr"> <div class="c69e6087142908a0 theiaStickySidebar"> <section id="aside_new" class="6087142908a04484 widget widget_aside_new sb br mb"> <p class="142908a04484fff4 c-title mb"><span class="08a04484fff40a60 name">最新文章</span></p> <ul class="4484fff40a60b73c widget-content aside_new"><li class="fff40a60b73c74ef list clearfix"><a href="http://baike.wanfuwenhua.com/baike/61627.html" title="画面好看的单机游戏"><span class="0a60b73c74efd97e img-wrap"><img src="http://baike.wanfuwenhua.com/images/pic20246/375ac3d15d35ecfe96eb813d4eb2dd78.jpg" alt="画面好看的单机游戏" class="b73c74efd97e0d6b img-cover br random-img"></span><div class="61da54bae8a5013f new-text"><p class="54bae8a5013f7b1c title">画面好看的单机游戏</p><div class="e8a5013f7b1c7c86 info"><span class="013f7b1c7c8687a3 time"><i class="7b1c7c8687a3c69e iconfont-air icon-time"></i>2024-07-16</span><span class="7c8687a3c69e6087 view"><i class="87a3c69e60871429 iconfont-air icon-view"></i>1664</span></div></div></a></li><li class="c69e6087142908a0 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/61625.html" title="我愿化作一座石桥"><span class="6087142908a04484 img-wrap"><img src="http://baike.wanfuwenhua.com/images/pic20246/a965039ba8b865d5f795b887f49e3b3a.jpg" alt="我愿化作一座石桥" class="142908a04484fff4 img-cover br random-img"></span><div class="08a04484fff40a60 new-text"><p class="4484fff40a60b73c title">我愿化作一座石桥</p><div class="fff40a60b73c74ef info"><span class="0a60b73c74efd97e time"><i class="b73c74efd97e0d6b iconfont-air icon-time"></i>2024-07-16</span><span class="61da54bae8a5013f view"><i class="54bae8a5013f7b1c iconfont-air icon-view"></i>1634</span></div></div></a></li><li class="e8a5013f7b1c7c86 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/61623.html" title="魏晨的qq号是多少"><span class="013f7b1c7c8687a3 img-wrap"><img src="http://baike.wanfuwenhua.com/images/pic20246/c57f68e507cc5ac486937398ef194cf9.jpg" alt="魏晨的qq号是多少" class="7b1c7c8687a3c69e img-cover br random-img"></span><div class="7c8687a3c69e6087 new-text"><p class="87a3c69e60871429 title">魏晨的qq号是多少</p><div class="c69e6087142908a0 info"><span class="6087142908a04484 time"><i class="142908a04484fff4 iconfont-air icon-time"></i>2024-07-16</span><span class="08a04484fff40a60 view"><i class="4484fff40a60b73c iconfont-air icon-view"></i>1593</span></div></div></a></li><li class="fff40a60b73c74ef list clearfix"><a href="http://baike.wanfuwenhua.com/baike/61621.html" title="全面建成小康社会是哪一年"><span class="0a60b73c74efd97e img-wrap"><img src="http://baike.wanfuwenhua.com/images/pic20246/2ba258d837f67ec4a65540605e82be37.jpg" alt="全面建成小康社会是哪一年" class="b73c74efd97e0d6b img-cover br random-img"></span><div class="61da54bae8a5013f new-text"><p class="54bae8a5013f7b1c title">全面建成小康社会是哪一年</p><div class="e8a5013f7b1c7c86 info"><span class="013f7b1c7c8687a3 time"><i class="7b1c7c8687a3c69e iconfont-air icon-time"></i>2024-07-16</span><span class="7c8687a3c69e6087 view"><i class="87a3c69e60871429 iconfont-air icon-view"></i>1552</span></div></div></a></li><li class="c69e6087142908a0 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/61620.html" title="支付宝实体店通用红包怎么用不了"><span class="6087142908a04484 img-wrap"><img src="http://baike.wanfuwenhua.com/images/pic20246/7fbecac9288c28708a4a0ea5a6628160.jpg" alt="支付宝实体店通用红包怎么用不了" class="142908a04484fff4 img-cover br random-img"></span><div class="08a04484fff40a60 new-text"><p class="4484fff40a60b73c title">支付宝实体店通用红包怎么用不了</p><div class="fff40a60b73c74ef info"><span class="0a60b73c74efd97e time"><i class="b73c74efd97e0d6b iconfont-air icon-time"></i>2024-07-16</span><span class="61da54bae8a5013f view"><i class="54bae8a5013f7b1c iconfont-air icon-view"></i>1501</span></div></div></a></li><li class="e8a5013f7b1c7c86 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/61617.html" title="快手网红张开凤是男的女的"><span class="013f7b1c7c8687a3 img-wrap"><img src="http://baike.wanfuwenhua.com/images/pic20246/e5461fa3ea9651bc96971e50e28c7388.jpg" alt="快手网红张开凤是男的女的" class="7b1c7c8687a3c69e img-cover br random-img"></span><div class="7c8687a3c69e6087 new-text"><p class="87a3c69e60871429 title">快手网红张开凤是男的女的</p><div class="c69e6087142908a0 info"><span class="6087142908a04484 time"><i class="142908a04484fff4 iconfont-air icon-time"></i>2024-07-16</span><span class="08a04484fff40a60 view"><i class="4484fff40a60b73c iconfont-air icon-view"></i>1754</span></div></div></a></li></ul> </section> <section id="aside_hot_comment" class="fff40a60b73c74ef widget widget_aside_hot_comment sb br mb"> <p class="0a60b73c74efd97e c-title mb"><span class="b73c74efd97e0d6b name">为您推荐</span></p> <ul class="61da54bae8a5013f widget-content aside_hot_comment"><li class="54bae8a5013f7b1c list clearfix"><a href="http://baike.wanfuwenhua.com/baike/4789.html" title="苹果手机指纹怎么设置？苹果6指纹设置出错是什么原因呢？"><span class="e8a5013f7b1c7c86 img-wrap"><img src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/random_img/8.jpg" alt="苹果手机指纹怎么设置？苹果6指纹设置出错是什么原因呢？" class="013f7b1c7c8687a3 img-cover br random-img"></span><div class="7b1c7c8687a3c69e new-text"><p class="7c8687a3c69e6087 title">苹果手机指纹怎么设置？苹果6指纹设置出错是什么原因呢</p><div class="87a3c69e60871429 info"><span class="c69e6087142908a0 time"><i class="6087142908a04484 iconfont-air icon-time"></i>2023-05-20</span><span class="142908a04484fff4 comment"><i class="08a04484fff40a60 iconfont-air icon-comment"></i>1</span></div></div></a></li><li class="4484fff40a60b73c list clearfix"><a href="http://baike.wanfuwenhua.com/baike/3.html" title="施绮莲新武则天外传介绍"><span class="fff40a60b73c74ef img-wrap"><img src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/random_img/10.jpg" alt="施绮莲新武则天外传介绍" class="0a60b73c74efd97e img-cover br random-img"></span><div class="b73c74efd97e0d6b new-text"><p class="61da54bae8a5013f title">施绮莲新武则天外传介绍</p><div class="54bae8a5013f7b1c info"><span class="e8a5013f7b1c7c86 time"><i class="013f7b1c7c8687a3 iconfont-air icon-time"></i>2023-06-15</span><span class="7b1c7c8687a3c69e comment"><i class="7c8687a3c69e6087 iconfont-air icon-comment"></i>0</span></div></div></a></li><li class="87a3c69e60871429 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/4.html" title="大白鲨是不是海底霸王"><span class="c69e6087142908a0 img-wrap"><img src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/random_img/10.jpg" alt="大白鲨是不是海底霸王" class="6087142908a04484 img-cover br random-img"></span><div class="142908a04484fff4 new-text"><p class="08a04484fff40a60 title">大白鲨是不是海底霸王</p><div class="4484fff40a60b73c info"><span class="fff40a60b73c74ef time"><i class="0a60b73c74efd97e iconfont-air icon-time"></i>2023-04-21</span><span class="b73c74efd97e0d6b comment"><i class="61da54bae8a5013f iconfont-air icon-comment"></i>0</span></div></div></a></li><li class="54bae8a5013f7b1c list clearfix"><a href="http://baike.wanfuwenhua.com/baike/5.html" title="铆工是干啥的？请问铆工是做什么的？"><span class="e8a5013f7b1c7c86 img-wrap"><img src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/random_img/2.jpg" alt="铆工是干啥的？请问铆工是做什么的？" class="013f7b1c7c8687a3 img-cover br random-img"></span><div class="7b1c7c8687a3c69e new-text"><p class="7c8687a3c69e6087 title">铆工是干啥的？请问铆工是做什么的？</p><div class="87a3c69e60871429 info"><span class="c69e6087142908a0 time"><i class="6087142908a04484 iconfont-air icon-time"></i>2023-08-22</span><span class="142908a04484fff4 comment"><i class="08a04484fff40a60 iconfont-air icon-comment"></i>0</span></div></div></a></li><li class="4484fff40a60b73c list clearfix"><a href="http://baike.wanfuwenhua.com/baike/6.html" title="章龄之教育方式育儿观"><span class="fff40a60b73c74ef img-wrap"><img src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/random_img/6.jpg" alt="章龄之教育方式育儿观" class="0a60b73c74efd97e img-cover br random-img"></span><div class="b73c74efd97e0d6b new-text"><p class="61da54bae8a5013f title">章龄之教育方式育儿观</p><div class="54bae8a5013f7b1c info"><span class="e8a5013f7b1c7c86 time"><i class="013f7b1c7c8687a3 iconfont-air icon-time"></i>2023-04-21</span><span class="7b1c7c8687a3c69e comment"><i class="7c8687a3c69e6087 iconfont-air icon-comment"></i>0</span></div></div></a></li><li class="87a3c69e60871429 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/7.html" title="白芨白蔹怎么读"><span class="c69e6087142908a0 img-wrap"><img src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/random_img/9.jpg" alt="白芨白蔹怎么读" class="6087142908a04484 img-cover br random-img"></span><div class="142908a04484fff4 new-text"><p class="08a04484fff40a60 title">白芨白蔹怎么读</p><div class="4484fff40a60b73c info"><span class="fff40a60b73c74ef time"><i class="0a60b73c74efd97e iconfont-air icon-time"></i>2023-04-21</span><span class="b73c74efd97e0d6b comment"><i class="61da54bae8a5013f iconfont-air icon-comment"></i>0</span></div></div></a></li></ul> </section> <section id="aside_hot" class="54bae8a5013f7b1c widget widget_aside_hot sb br mb"> <p class="e8a5013f7b1c7c86 c-title mb"><span class="013f7b1c7c8687a3 name">热门文章</span></p> <ul class="7b1c7c8687a3c69e widget-content aside_hot"></ul> </section> </div> </aside> </div> <footer class="7c8687a3c69e6087 footer"> <div class="87a3c69e60871429 main container"> <div class="c69e6087142908a0 f-about fl"> <p class="6087142908a04484 title pb1">关于本站</p> <div class="142908a04484fff4 intro">万福百科秉着开放自由的态度,提供专业的生活领域内容百科网站,旨在创造一个内容全面、界面简洁、精美的中文知识百科全书。 </div> <small><span>Copyright © 2024</span><span class="08a04484fff40a60 icp"><a target="_blank" rel="nofollow" href="http://beian.miit.gov.cn/">沪ICP备2022028177号</a></span></small> </div> <div class="4484fff40a60b73c f-contact fl"> <p class="fff40a60b73c74ef title pb1">联系我们</p> <div><p>本站结构：</p> <a href="http://baike.wanfuwenhua.com/sitemappost.html" target="_blank" title="万福百科导航">万福百科导航</a></div> </div> <div class="0a60b73c74efd97e f-qr fr"> <p class="b73c74efd97e0d6b title pb1">关注我们</p> <div><img class="61da54bae8a5013f img br" alt="万福百科二维码" src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/qr.jpg"/></div> </div> <div class="54bae8a5013f7b1c clear"></div> </div> <div id="toolbar" class="e8a5013f7b1c7c86 toolbar "> <div id="totop" class="013f7b1c7c8687a3 btn hidden sb br"> <i class="7b1c7c8687a3c69e iconfont-air icon-top"></i> </div> </div> </footer> <script> //移动端点击btn回弹色值 document.getElementById('totop').addEventListener('click', function() { this.style.backgroundColor = '#0084ff'; this.querySelector('.iconfont-air').style.color = 'white'; setTimeout(() => { this.style.backgroundColor = 'white'; this.querySelector('.iconfont-air').style.color = '#333'; }, 500); }); </script>  <div id="mask-hidden" class="7c8687a3c69e6087 mask-hidden transition"></div>  <script> var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', centeredSlides: true, autoplay: 3500, slidesPerView: 1, paginationClickable: true, autoplayDisableOnInteraction: false, spaceBetween: 0, loop: true }); </script>  <script type="text/javascript"> var ias = $.ias({ container: ".new-post", item: "article", pagination: ".nav-links", next: ".nav-links .next a", }); ias.extension(new IASTriggerExtension({ text: '<i class="87a3c69e60871429 iconfont-air icon-refresh"></i>加载更多', offset: 1, })); ias.extension(new IASSpinnerExtension()); ias.extension(new IASNoneLeftExtension({ text: '已经加载完成！', })); ias.on('rendered', function(items) { $("img").lazyload({ effect: "fadeIn", failure_limit : 10 }); }) </script>  </body> </html>