怎样处理图片宽度?谢谢!
是这样的,页面设计为两列布局,左列用来显示用户照片,右列用来放广告什么的或其它内容。
<div id="left" style="width:640px;text-align:center;">
<img src="<%# Eval("pic")%>" alt="" width=?/>
</div>
<div id="right" style="width:300px;">广告内容</div>
img标签的宽度如何设定呢?
情况一、不设定img的宽度,如果图片实际宽度小于left容器宽度,则正常显示;如果图片实际宽度大于left容器宽度,显示效果会破出left容器,影响布局美观。
情况二、设定img的宽度为620px,如果图片实际宽度大于等于620px,显示效果正常,但是如果图片宽度小于620px,比方说图片实际宽度只有150px,强硬拉成620px宽度的图片,那显示效果是惨不忍睹的呀。
不想给left容器加样式overflow:auto,这样会出现滚动条。也不想用缩略图程序来处理,那样会消耗太多内存。
请问各位兄弟姐妹,大家有什么高超办法没有?谢谢!