图片垂直居中,宽高按比例缩放不变形

abcd23212年前前端开发860

高度大于宽度,按高度来,宽度自动;反之宽度大于高度也一样

.sbzs dl{ width:279px; height:238px; line-height:234px; text-align:center; border:#dcdcdc solid 1px;}
.sbzs dl img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}


相关文章

JQ获取浏览器宽度,根据不同宽度给div赋值

var winWidth = $(window).width();     var winHeight =$...

iframe背景透明设置方法

iframe的背景颜色在IE下为window的当前窗口颜色(默认白色,可以在显示外观处对其进行设置),这导致在大幅背景上插入iframe时,需要给它“透底”,可是IE不支持对iframe设置背景色,那...

用JS获取地址栏参数的方法

采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)function GetQueryString(name) {      v...

Ueditor百度编辑器中的 setContent()方法的使用

百度编辑器Ueditor所提供的setContent()方法作用是:设置或者改变编辑器里面的文字内容或html内容 函数说明:setContent(string,bool...

3种方法实现CSS隐藏滚动条并可以滚动内容

隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。方法1:计...

滚轮滚动时让div背景图片移动的相对缓慢

鼠标滚轮滚动时,这一个div的移动速度相对较慢,下面其他div内容能够追上并超越它。css代码:.banner { width: 100%; position:...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。