有效控制新闻内容的图片的尺寸_风讯Cms教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
缂傚倷绀佸ú锕傚焻缁€鎱筪eCMS闁荤喐鐟ュΛ婵嬨€傞崼鏇炴瀬婵炲棙鍨熼弻锟�婵炴垶姊规竟鍡涘煘閺嶎厽鈷掗柨鐕傛嫹 缂備礁顦遍崰鎰耿閸ヮ剙绀夐柍銉ㄦ珪閻濓拷 闂備緡鍋勯ˇ杈╃礊婢跺本鍏滈柡鍥ㄦ皑闂夊秹鏌ゆ潏銊︻棖缂佹唻鎷� 闂佸搫鍟版慨鎾椽閺嶎偆鍗氭繛鍡樻尰濮f劗鈧鎮堕崕閬嶅矗閿燂拷,闂佽皫鍕姢閻庤濞婂鍫曞礃椤斿吋顏熸繛鎴炴尨閸嬫捇姊哄▎鎯ф灈闁告瑥绻樺濠氭晸閿燂拷!
在网上也有这样的js,但我觉得最简单的方法还是采用css,今天刚好有人问到所以就贴出来给大家共享。具体设置如下:
例如:
<div class="news_content">{FS400_新闻内容}</div>那么请定义如下样式:
<style>
.news_content{ width:550px;}
.news_content img{ max-width:530px; border:1px #666 solid;width:expression(document.body.clientWidth>document.getElementById("pic").scrollWidth*9/10? "530px": "auto" );}
</style>
这样在news_content层内的图片的最大宽度限制在了530px以内,
同理,所有有图片显示的地方都可以这样定义图片的显示尺寸
相关风讯Cms教程:
- 相关链接:
- 教程说明:
风讯Cms教程-有效控制新闻内容的图片的尺寸
。