CSS样式小技巧

防止词组换行断开

 

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; 
}