解决鼠标滚轮放大缩小图片时把表格撑破的问题_动易Cms教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

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

修改模板:内容页模板(频道不限)
功能说明:此修改多应用在图片频道,文章频道也偶有触之,此操作并非修改图片大小使之适应窗口,而是当用鼠标滚轮放大时图片时,利用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><!--插入广告JS代码--></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><!--插入广告JS代码--></td>
</tr>
</table>

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

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

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

查看更多 动易Cms教程  动易Cms模板

来源:模板无忧//所属分类:动易Cms教程/更新时间:2007-02-05
相关动易Cms教程