什么情况下cellspacing=0无效

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