在编写网页时,如果图片大小事先是未知的,如果图片过大的话,会影响的网页中其他块的结构
使用css可以将图片的大小调整到一个固定的值
#mian img{
max-width
:
170px
;
width
:
170px
;
width
:expression(document.body.clientWidth>
170
?
"170px"
:
"auto"
);
max-height
:
180px
;
height
:
180px
;
height
:expression(document.body.clientWidth>
180
?
"180px"
:
"auto"
);
overflow
:
hidden
;
}
|
在如下html代码中
<
div
id = "maim">
<!--
在mian样式的块中img标签图片的大小会被固定在170px*180px
-->
<
img
src="01.jpg">
</
div
>
|
如果图片的大小是事先未知的,这样设置可以使,图像的大小固定,从而不影响网页中其他块的结构