document.write("<div class=\"item\">    <div class=\"title\"><a href=\"http://www.itpow.com/c/2019/08/11536.asp\" target=\"_blank\"><span class=\"key\">CSS</span> <span class=\"key\">轻松</span><span class=\"key\">实现</span><span class=\"key\">图片</span>在<span class=\"key\">指定</span><span class=\"key\">范围内</span><span class=\"key\">等</span><span class=\"key\">比例</span><span class=\"key\">完全</span><span class=\"key\">显示</span></a></div>    <div class=\"abstract\"><span class=\"pubDate\">2019年08月21日</span> 如上效果，相框尺寸都一样，两张<span class=\"key\">图片</span>，一个竖的，一个横的，它都完整<span class=\"key\">显示</span>了，且没有超出相框，没有变形。如果我们强行<span class=\"key\">指定</span> width、height，是做不到不变形的。可以用背景配合 background-s</div>    <div class=\"url\"><a href=\"http://www.itpow.com/c/2019/08/11536.asp\" target=\"_blank\">http://www.itpow.com/c/2019/08/11536.asp</a></div></div><div class=\"item\">    <div class=\"title\"><a href=\"http://www.itpow.com/c/2020/06/12883.asp\" target=\"_blank\"><span class=\"key\">CSS</span> 实际应用－纯 <span class=\"key\">CSS</span>，不用背景，<span class=\"key\">实现</span><span class=\"key\">图片</span><span class=\"key\">等</span><span class=\"key\">比例</span>展示</a></div>    <div class=\"abstract\"><span class=\"pubDate\">2020年06月23日</span> 100%;&amp;nbsp;}如上显示效果是：<span class=\"key\">图片</span><span class=\"key\">等</span><span class=\"key\">比例</span>缩放，不变形；<span class=\"key\">图片</span>所有区域都会<span class=\"key\">显示</span>。但是，如上代码有可能会造成横向、纵向白边，当我们在做<span class=\"key\">图片</span>列表时，这会看起来有点乱，于是我们改进了下，保证</div>    <div class=\"url\"><a href=\"http://www.itpow.com/c/2020/06/12883.asp\" target=\"_blank\">http://www.itpow.com/c/2020/06/12883.asp</a></div></div>")