首页 > CMS建站 > 动易CMS > 正文

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

2020-05-19 18:48:35
字体:
来源:转载
供稿:网友

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选