什么情况下cellspacing=0无效

wanfu 麦克百科 2024-01-08 105 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="608761da7b1c08a0 sider"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="61da7b1c08a054ba title">
<tr>
<td><strong>最后更新</strong></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="7b1c08a054bad97e 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="08a054bad97e013f 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="54bad97e013f1429 topic-content"> </div> <p class="d97e013f142987a3 tag-wrap mt mb"> </p>   <div class="013f142987a30a60 art-copyright br mb"> <div><strong class="142987a30a600d6b addr">本文地址：</strong> <a href="http://baike.wanfuwenhua.com/makbk/14965.html" target="_blank">http://baike.wanfuwenhu *** /makbk/14965.html</a></div> <div><span class="87a30a600d6b74ef copyright">版权声明：</span>本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至wnw678@qq.com举报，一经查实，本站将立刻删除。</div> </div> <div class="b73cfff47c86e8a5 social-widget mt clearfix">   </div> </div> </article>  <div class="fff47c86e8a5c69e prev-next sb br mb clearfix"> <p class="7c86e8a5c69e4484 post-prev fl ellipsis"> <span class="e8a5c69e44846087 prev">上一篇</span><strong><a href="http://baike.wanfuwenhua.com/makbk/14964.html">荣耀10发布会还有多久(华为荣耀10发布会直播怎么看?)</a></strong> </p> <p class="c69e4484608761da post-next fr ellipsis"> <span class="4484608761da7b1c next">下一篇</span><strong><a href="http://baike.wanfuwenhua.com/makbk/14967.html">iphone11发布价格(iphone11回收价格是多少?)</a></strong> </p> </div>  <div class="608761da7b1c08a0 related-art sb br mb"> <p class="61da7b1c08a054ba c-title"><span class="7b1c08a054bad97e name">相关文章</span></p> <ul class="08a054bad97e013f ul clearfix"> <li class="54bad97e013f1429 related-item mt fl"> <a href="http://baike.wanfuwenhua.com/makbk/61628.html" title="哥只是个传说歌词"> <span class="d97e013f142987a3 span"> <img class="013f142987a30a60 img br img-cover" src="http://baike.wanfuwenhua.com/images/pic20246/cde05e60a690476fc1b08ae1491a16ff.jpg" alt="哥只是个传说歌词" title="哥只是个传说歌词"> </span> <p class="142987a30a600d6b titile">哥只是个传说歌词</p> </a> </li> <li class="87a30a600d6b74ef related-item mt fl"> <a href="http://baike.wanfuwenhua.com/makbk/61626.html" title="阖家幸福和合家幸福哪个好"> <span class="b73cfff47c86e8a5 span"> <img class="fff47c86e8a5c69e img br img-cover" src="http://baike.wanfuwenhua.com/images/pic20246/1b0bdf6dc67443a9af2ac2da9c0c6876.jpg" alt="阖家幸福和合家幸福哪个好" title="阖家幸福和合家幸福哪个好"> </span> <p class="7c86e8a5c69e4484 titile">阖家幸福和合家幸福哪个好</p> </a> </li> <li class="e8a5c69e44846087 related-item mt fl"> <a href="http://baike.wanfuwenhua.com/makbk/61624.html" title="期货保证金监控中心"> <span class="c69e4484608761da span"> <img class="4484608761da7b1c img br img-cover" src="http://baike.wanfuwenhua.com/images/pic20246/47572d93cdbc427afbf181f8e1428d29.jpg" alt="期货保证金监控中心" title="期货保证金监控中心"> </span> <p class="608761da7b1c08a0 titile">期货保证金监控中心</p> </a> </li> <li class="61da7b1c08a054ba related-item mt fl"> <a href="http://baike.wanfuwenhua.com/makbk/61619.html" title="盖伦死亡骑士多少钱"> <span class="7b1c08a054bad97e span"> <img class="08a054bad97e013f img br img-cover" src="http://baike.wanfuwenhua.com/images/pic20246/bdab798f95663e7e5a3fd7026de0557c.jpg" alt="盖伦死亡骑士多少钱" title="盖伦死亡骑士多少钱"> </span> <p class="54bad97e013f1429 titile">盖伦死亡骑士多少钱</p> </a> </li> <li class="d97e013f142987a3 related-item mt fl"> <a href="http://baike.wanfuwenhua.com/makbk/61618.html" title="新奥尔良烤翅自己做"> <span class="013f142987a30a60 span"> <img class="142987a30a600d6b img br img-cover" src="http://baike.wanfuwenhua.com/images/pic20246/4abf2c92683ac1c2c931de61f24d1b4e.jpg" alt="新奥尔良烤翅自己做" title="新奥尔良烤翅自己做"> </span> <p class="87a30a600d6b74ef titile">新奥尔良烤翅自己做</p> </a> </li> <li class="b73cfff47c86e8a5 related-item mt fl"> <a href="http://baike.wanfuwenhua.com/makbk/61622.html" title="世界十大特种部队"> <span class="fff47c86e8a5c69e span"> <img class="7c86e8a5c69e4484 img br img-cover" src="http://baike.wanfuwenhua.com/images/pic20246/1fc69be3b95a433daf3c99614decf79a.jpg" alt="世界十大特种部队" title="世界十大特种部队"> </span> <p class="e8a5c69e44846087 titile">世界十大特种部队</p> </a> </li> </ul> </div> <p class="c69e4484608761da comment-disable sb br"><i class="4484608761da7b1c 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="608761da7b1c08a0 hidden-sm-md-lg fr"> <div class="61da7b1c08a054ba theiaStickySidebar"> <section id="aside_new" class="7b1c08a054bad97e widget widget_aside_new sb br mb"> <p class="08a054bad97e013f c-title mb"><span class="54bad97e013f1429 name">最新文章</span></p> <ul class="d97e013f142987a3 widget-content aside_new"><li class="013f142987a30a60 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/61627.html" title="画面好看的单机游戏"><span class="142987a30a600d6b img-wrap"><img src="http://baike.wanfuwenhua.com/images/pic20246/375ac3d15d35ecfe96eb813d4eb2dd78.jpg" alt="画面好看的单机游戏" class="87a30a600d6b74ef img-cover br random-img"></span><div class="b73cfff47c86e8a5 new-text"><p class="fff47c86e8a5c69e title">画面好看的单机游戏</p><div class="7c86e8a5c69e4484 info"><span class="e8a5c69e44846087 time"><i class="c69e4484608761da iconfont-air icon-time"></i>2024-07-16</span><span class="4484608761da7b1c view"><i class="608761da7b1c08a0 iconfont-air icon-view"></i>2840</span></div></div></a></li><li class="61da7b1c08a054ba list clearfix"><a href="http://baike.wanfuwenhua.com/baike/61625.html" title="我愿化作一座石桥"><span class="7b1c08a054bad97e img-wrap"><img src="http://baike.wanfuwenhua.com/images/pic20246/a965039ba8b865d5f795b887f49e3b3a.jpg" alt="我愿化作一座石桥" class="08a054bad97e013f img-cover br random-img"></span><div class="54bad97e013f1429 new-text"><p class="d97e013f142987a3 title">我愿化作一座石桥</p><div class="013f142987a30a60 info"><span class="142987a30a600d6b time"><i class="87a30a600d6b74ef iconfont-air icon-time"></i>2024-07-16</span><span class="b73cfff47c86e8a5 view"><i class="fff47c86e8a5c69e iconfont-air icon-view"></i>2797</span></div></div></a></li><li class="7c86e8a5c69e4484 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/61623.html" title="魏晨的qq号是多少"><span class="e8a5c69e44846087 img-wrap"><img src="http://baike.wanfuwenhua.com/images/pic20246/c57f68e507cc5ac486937398ef194cf9.jpg" alt="魏晨的qq号是多少" class="c69e4484608761da img-cover br random-img"></span><div class="4484608761da7b1c new-text"><p class="608761da7b1c08a0 title">魏晨的qq号是多少</p><div class="61da7b1c08a054ba info"><span class="7b1c08a054bad97e time"><i class="08a054bad97e013f iconfont-air icon-time"></i>2024-07-16</span><span class="54bad97e013f1429 view"><i class="d97e013f142987a3 iconfont-air icon-view"></i>2752</span></div></div></a></li><li class="013f142987a30a60 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/61621.html" title="全面建成小康社会是哪一年"><span class="142987a30a600d6b img-wrap"><img src="http://baike.wanfuwenhua.com/images/pic20246/2ba258d837f67ec4a65540605e82be37.jpg" alt="全面建成小康社会是哪一年" class="87a30a600d6b74ef img-cover br random-img"></span><div class="b73cfff47c86e8a5 new-text"><p class="fff47c86e8a5c69e title">全面建成小康社会是哪一年</p><div class="7c86e8a5c69e4484 info"><span class="e8a5c69e44846087 time"><i class="c69e4484608761da iconfont-air icon-time"></i>2024-07-16</span><span class="4484608761da7b1c view"><i class="608761da7b1c08a0 iconfont-air icon-view"></i>2727</span></div></div></a></li><li class="61da7b1c08a054ba list clearfix"><a href="http://baike.wanfuwenhua.com/baike/61620.html" title="支付宝实体店通用红包怎么用不了"><span class="7b1c08a054bad97e img-wrap"><img src="http://baike.wanfuwenhua.com/images/pic20246/7fbecac9288c28708a4a0ea5a6628160.jpg" alt="支付宝实体店通用红包怎么用不了" class="08a054bad97e013f img-cover br random-img"></span><div class="54bad97e013f1429 new-text"><p class="d97e013f142987a3 title">支付宝实体店通用红包怎么用不了</p><div class="013f142987a30a60 info"><span class="142987a30a600d6b time"><i class="87a30a600d6b74ef iconfont-air icon-time"></i>2024-07-16</span><span class="b73cfff47c86e8a5 view"><i class="fff47c86e8a5c69e iconfont-air icon-view"></i>2655</span></div></div></a></li><li class="7c86e8a5c69e4484 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/61617.html" title="快手网红张开凤是男的女的"><span class="e8a5c69e44846087 img-wrap"><img src="http://baike.wanfuwenhua.com/images/pic20246/e5461fa3ea9651bc96971e50e28c7388.jpg" alt="快手网红张开凤是男的女的" class="c69e4484608761da img-cover br random-img"></span><div class="4484608761da7b1c new-text"><p class="608761da7b1c08a0 title">快手网红张开凤是男的女的</p><div class="61da7b1c08a054ba info"><span class="7b1c08a054bad97e time"><i class="08a054bad97e013f iconfont-air icon-time"></i>2024-07-16</span><span class="54bad97e013f1429 view"><i class="d97e013f142987a3 iconfont-air icon-view"></i>2909</span></div></div></a></li></ul> </section> <section id="aside_hot_comment" class="013f142987a30a60 widget widget_aside_hot_comment sb br mb"> <p class="142987a30a600d6b c-title mb"><span class="87a30a600d6b74ef name">为您推荐</span></p> <ul class="b73cfff47c86e8a5 widget-content aside_hot_comment"><li class="fff47c86e8a5c69e list clearfix"><a href="http://baike.wanfuwenhua.com/baike/4789.html" title="苹果手机指纹怎么设置？苹果6指纹设置出错是什么原因呢？"><span class="7c86e8a5c69e4484 img-wrap"><img src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/random_img/5.jpg" alt="苹果手机指纹怎么设置？苹果6指纹设置出错是什么原因呢？" class="e8a5c69e44846087 img-cover br random-img"></span><div class="c69e4484608761da new-text"><p class="4484608761da7b1c title">苹果手机指纹怎么设置？苹果6指纹设置出错是什么原因呢</p><div class="608761da7b1c08a0 info"><span class="61da7b1c08a054ba time"><i class="7b1c08a054bad97e iconfont-air icon-time"></i>2023-05-20</span><span class="08a054bad97e013f comment"><i class="54bad97e013f1429 iconfont-air icon-comment"></i>1</span></div></div></a></li><li class="d97e013f142987a3 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/3.html" title="施绮莲新武则天外传介绍"><span class="013f142987a30a60 img-wrap"><img src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/random_img/3.jpg" alt="施绮莲新武则天外传介绍" class="142987a30a600d6b img-cover br random-img"></span><div class="87a30a600d6b74ef new-text"><p class="b73cfff47c86e8a5 title">施绮莲新武则天外传介绍</p><div class="fff47c86e8a5c69e info"><span class="7c86e8a5c69e4484 time"><i class="e8a5c69e44846087 iconfont-air icon-time"></i>2023-06-15</span><span class="c69e4484608761da comment"><i class="4484608761da7b1c iconfont-air icon-comment"></i>0</span></div></div></a></li><li class="608761da7b1c08a0 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/4.html" title="大白鲨是不是海底霸王"><span class="61da7b1c08a054ba img-wrap"><img src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/random_img/3.jpg" alt="大白鲨是不是海底霸王" class="7b1c08a054bad97e img-cover br random-img"></span><div class="08a054bad97e013f new-text"><p class="54bad97e013f1429 title">大白鲨是不是海底霸王</p><div class="d97e013f142987a3 info"><span class="013f142987a30a60 time"><i class="142987a30a600d6b iconfont-air icon-time"></i>2023-04-21</span><span class="87a30a600d6b74ef comment"><i class="b73cfff47c86e8a5 iconfont-air icon-comment"></i>0</span></div></div></a></li><li class="fff47c86e8a5c69e list clearfix"><a href="http://baike.wanfuwenhua.com/baike/5.html" title="铆工是干啥的？请问铆工是做什么的？"><span class="7c86e8a5c69e4484 img-wrap"><img src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/random_img/10.jpg" alt="铆工是干啥的？请问铆工是做什么的？" class="e8a5c69e44846087 img-cover br random-img"></span><div class="c69e4484608761da new-text"><p class="4484608761da7b1c title">铆工是干啥的？请问铆工是做什么的？</p><div class="608761da7b1c08a0 info"><span class="61da7b1c08a054ba time"><i class="7b1c08a054bad97e iconfont-air icon-time"></i>2023-08-22</span><span class="08a054bad97e013f comment"><i class="54bad97e013f1429 iconfont-air icon-comment"></i>0</span></div></div></a></li><li class="d97e013f142987a3 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/6.html" title="章龄之教育方式育儿观"><span class="013f142987a30a60 img-wrap"><img src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/random_img/2.jpg" alt="章龄之教育方式育儿观" class="142987a30a600d6b img-cover br random-img"></span><div class="87a30a600d6b74ef new-text"><p class="b73cfff47c86e8a5 title">章龄之教育方式育儿观</p><div class="fff47c86e8a5c69e info"><span class="7c86e8a5c69e4484 time"><i class="e8a5c69e44846087 iconfont-air icon-time"></i>2023-04-21</span><span class="c69e4484608761da comment"><i class="4484608761da7b1c iconfont-air icon-comment"></i>0</span></div></div></a></li><li class="608761da7b1c08a0 list clearfix"><a href="http://baike.wanfuwenhua.com/baike/7.html" title="白芨白蔹怎么读"><span class="61da7b1c08a054ba img-wrap"><img src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/random_img/6.jpg" alt="白芨白蔹怎么读" class="7b1c08a054bad97e img-cover br random-img"></span><div class="08a054bad97e013f new-text"><p class="54bad97e013f1429 title">白芨白蔹怎么读</p><div class="d97e013f142987a3 info"><span class="013f142987a30a60 time"><i class="142987a30a600d6b iconfont-air icon-time"></i>2023-04-21</span><span class="87a30a600d6b74ef comment"><i class="b73cfff47c86e8a5 iconfont-air icon-comment"></i>0</span></div></div></a></li></ul> </section> <section id="aside_hot" class="fff47c86e8a5c69e widget widget_aside_hot sb br mb"> <p class="7c86e8a5c69e4484 c-title mb"><span class="e8a5c69e44846087 name">热门文章</span></p> <ul class="c69e4484608761da widget-content aside_hot"></ul> </section> </div> </aside> </div> <footer class="4484608761da7b1c footer"> <div class="608761da7b1c08a0 main container"> <div class="61da7b1c08a054ba f-about fl"> <p class="7b1c08a054bad97e title pb1">关于本站</p> <div class="08a054bad97e013f intro">万福百科秉着开放自由的态度,提供专业的生活领域内容百科网站,旨在创造一个内容全面、界面简洁、精美的中文知识百科全书。 </div> <small><span>Copyright © 2024</span><span class="54bad97e013f1429 icp"><a target="_blank" rel="nofollow" href="http://beian.miit.gov.cn/">沪ICP备2022028177号</a></span></small> </div> <div class="d97e013f142987a3 f-contact fl"> <p class="013f142987a30a60 title pb1">联系我们</p> <div><p>本站结构：</p> <a href="http://baike.wanfuwenhua.com/sitemappost.html" target="_blank" title="万福百科导航">万福百科导航</a></div> </div> <div class="142987a30a600d6b f-qr fr"> <p class="87a30a600d6b74ef title pb1">关注我们</p> <div><img class="b73cfff47c86e8a5 img br" alt="万福百科二维码" src="http://baike.wanfuwenhua.com/zb_users/theme/suiranx_air/image/qr.jpg"/></div> </div> <div class="fff47c86e8a5c69e clear"></div> </div> <div id="toolbar" class="7c86e8a5c69e4484 toolbar "> <div id="totop" class="e8a5c69e44846087 btn hidden sb br"> <i class="c69e4484608761da 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="4484608761da7b1c 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="608761da7b1c08a0 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>