解决鼠标滚轮放大缩小图片时把表格撑破的问题

2024-09-10 21:54:43

字体：大中小

来源：转载

供稿：网友

当我们用鼠标滚动放大图片时，往往会把页面表格也撑大了，这样造成页面不美观，为避免这个问题的出现，我们可以用下面的方法来解决这个问题：

修改模板:内容页模板（频道不限）
功能说明:此修改多应用在图片频道，文章频道也偶有触之，此操作并非修改图片大小使之适应窗口，而是当用鼠标滚轮放大时图片时，利用CSS样式限制其不能把表格撑破。

修改方法:
第一步：进入后台==>文章模板页治理(其他频道类似）＝＝》内容页模板＝＝》
把其中HTML代码复制到记事本中，找到如下代码：

<td class=main_tdbg_760 id=fontzoom style="WORD-BREAK: break-all" vAlign=top colSpan=2 <table cellSpacing=0 cellPadding=10 align=left>
<tr>
<td></td>
</tr>
</table>
{$ArticleContent} <center>{$Vote}</center></td>

修改成：(红色字符为新添加的)

<td colspan="2">
<table style="table-layout:fixed;word-break: break-all; word-wrap: break-word;" align=center><tr>
<td class=main_tdbg_760 id=fontzoom style="WORD-BREAK: break-all" vAlign=top colSpan=2>
<table cellSpacing=0 cellPadding=10 align=left>
<tr>
<td></td>
</tr>
</table>

{$ArticleContent} <center>{$Vote}</center>
</td></tr></table></td>

这样，当页面模板里运用了这段代码设置后，前台页面就会不再出现鼠标滚动放大图片时，图片撑大页面表格的问题。

-----------------------------------------------感谢 ajmmy 提供-------------------------------------

上一篇：自己动手用麦咖啡(mcafee)打造自己的安全网站！安全系统(服务器)！

下一篇：怎么样才能加了图片水印但图片的容量不会增大