登陆 注册 收藏本页

有效控制新闻内容的图片的尺寸-风讯CMS教程

『 更新时间:2006-11-27 』『 字体: 』『 作者:色拉豆豆 |  来源:模板无忧 』

在网上也有这样的js,但我觉得最简单的方法还是采用css,今天刚好有人问到所以就贴出来给大家共享。具体设置如下:

模板无忧-Mb5u.com

例如:

www.MB5U__COM

<div class="news_content">{FS400_新闻内容}</div>

那么请定义如下样式: MB5u.com__模板无忧

<style> 模板无忧-MB5u__com

.news_content{ width:550px;}

mb5u---Com-模板无忧

.news_content img{ max-width:530px; border:1px #666 solid;width:expression(document.body.clientWidth>document.getElementById("pic").scrollWidth*9/10? "530px": "auto" );} MB5u.com__模板无忧

</style> wWw.MB5U_COM


这样在news_content层内的图片的最大宽度限制在了530px以内,

模板无忧--mb5u_COm

同理,所有有图片显示的地方都可以这样定义图片的显示尺寸

wWw.MB5U_COM

收藏有效控制新闻内容的图片的尺寸订阅风讯CMS教程文章更新复制文章信息 分享给你的好友查看所有有效控制新闻内容的图片的尺寸评论返回风讯CMS教程列表
  • 1.请勿发表广告及违法言论.
  • 2.有效控制新闻内容的图片的尺寸,版权归原作者.
  • 昵称: 验证: 看不清楚?请点击这里刷新.
loading.. 评论加载中....

风讯CMS教程搜索

最新风讯CMS教程