CSS控制图片缩放 - Web 开发 / HTML(CSS)
width:405px;height:225px;
小于这个尺寸的要自动填满不能溢出,
大于这个尺寸的也要填满,也就是说宽高不必等比缩放。
请高手指教。
用JS控制下就行了
更简单的方法是用CSS:
.myImg img{
width:405px;
height:225px;
}
我就是用这种方法写的,但只能让照片符合高度,宽的部分都看不到了。
定义一个上述高宽的div不行吗?
嗯 无效
这样会无效!!!
你相当杯具,你的宽看不到,你看看是不是你父框架出问题了!
你得先说下你的默认的高度哦。
相关问答:
.css1 .css2 #objid {OVERFLOW: scroll;...}
.css1 .css3 {...}
把具有共同样式的写到一起了 好维护
中间无逗号,属于样式嵌套
样式的共同的地方写在一起,可以省掉不必要的代码行~
这个就是代码 ......
display:inline-block;
overflow:hidden;(网络上查找是影藏溢出,但是测试起来感觉不太明白)
position:relative;(绝对定位,不知道对不对)
position:absolute;
这四个属性在CSS里面出现频率比较高,高手指点 ......
用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。
二.明确定义单位,除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HT ......
我这样写就没问题
#cp1 img{magin:5px;}
#cp2 img{magin:5px;}
#cp3 img{magin:5px;}
我想精简代码,用下面的写法,就出错了,是不是语法有问题?
#cp1,#cp2,#cp3 img{magin:5px;}
是语法有问题,你的写法相 ......