防止词组换行断开
white-space:nowrap;
防止图片撑破页面,文章内容中的图片自适应css代码
防止图片撑破页面,文章内容中的图片自适应css代码
以下css代码插入templets/style/page.css里面,680改成你要控制的最大宽度。
这样当文章中图片宽度超过680后,自动按比例缩小成680,而对于那些宽度没有超过680的,保持原来的尺寸不变。
.viewbox img{
max-height:500px;
max-width:680px;
width:expression((this.width > 680 && this.width > this.height) ? '680px': this.width+'px');
height:expression((this.height > 500 && this.height > this.width) ? '500px': this.height+'px');
float:middle;
}