❶ js 控制图片大小
这种情况用CSS来控制最合适。例如你想让初始图片显示为100px*100px,则:
<img src="images/pic.png" width="100" height="100" />
或者:
<img src="images/pic.png" style="width:100px; height:100px" />
当页面中图片非常多,且要求每张图片的大小依据其父容器来固定怎么办?可以使用max-weight:
img {max-weight:100%;}
这样图片会自动缩放到和其父容器等宽。
❷ 用DIV+CSS布局中,如何设置图片与文字在同一高度高手请进..
问题一:(在写"待解决的问题"这一栏的时候,不知如何将那个小图片和文字设置在同一高度?)
你是说问号那个小图片和文字么;它是用背景图片定位来做的;并且像
页面右边的这种效果也是这种做法;他们有统一的样式写法如下
.ibbs, .igood, .iok, .ivote, .iwhy, .istar {
background:transparent url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/icons.gif) no-repeat scroll 0 0;
float:left;
height:16px;
margin-right:2px;
overflow:hidden;
width:16px;
}
(你看懂这个代码就知道怎么做的了;)
问题二:(用ul写,在DW设计里面看,前面是个小方点,而导出的页面中却是个稍大的圆点,不知道为什么?)
因为各个浏览器对样式的默认解析是不同的,所以在不同浏览器中看它的默认li圆点不同(DW设计视图你也当成一种浏览器);像这些默认不同的样式我们一般不用;li的前面的小圆点你可以用背景来做;做法和问题一的方法还比较相似;
问题三(下面的精彩词条中,如何将图片浮动到右对齐,并让文字环绕图片?)
图片和文字是在一个div标签里,很明显给图片一个右浮动就可以了;里面的文字放在<img>下面;可以放在p标签里(不能放在块类标签里如div,table..);
问题四(什么时候才用表格呢,)
其实呢div也是可以完成table的效果的;但会麻烦些;如果你喜欢那么你可以都用div打造;一般来说很明显的表格样子我们会用一下表格(如,什么调查表格啊之类的);用的地方不多,网络知道这个页面是没有可以用表格的地方的;
看不明白的地方可以hi我一下.
❸ 网页上有一张小图片,后紧接着一行字,窗口拉伸时,图片尺寸会变, 我想将文字的高度变成和图片高度一致
用high 和width来定义一下图片的宽度和高度
html代码
<img height="66" width="66" src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/avarta/66/r6s1g5.gif" class="user-head-img">
JS代码document.writeln("<img height=\"66\" width=\"66\" src=\"http:\/\/img..com\/img\/iknow\/avarta\/66\/r6s1g5.gif\" class=\"user-head-img\">");
HTML转JS的在网络搜一下,好123就有,不过在chrome下不能用,需要在IE下转换
例子代码是网络知道的个人资料 我的头像 呵呵
❹ js控制图片高度、宽度
//给你一个比较灵活的,可自由控制
jQuery(window).load(function(){
jQuery(".div1img").each(function(){//div1下的img宽度、高度设置
DrawImage(this,700,470);//宽700,高470,自己改为相同即可。
});
});
functionDrawImage(ImgD,FitWidth,FitHeight){//下面是判断,可自己修改条件
varimage=newImage();
image.src=ImgD.src;
if(image.width>0&&image.height>0){
if(image.width/image.height>=FitWidth/FitHeight){
if(image.width>FitWidth){
ImgD.width=FitWidth;
ImgD.height=(image.height*FitWidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}else{
if(image.height>FitHeight){
ImgD.height=FitHeight;
ImgD.width=(image.width*FitHeight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
❺ js轮播图每张图片设置宽高一样,但是第二张图片开始高度显示变短,上面留白
那你把你的轮播模块的高度和宽度设置成与轮播图片一样的高度和宽度。
这两个高度和宽度是一个数值,轮播不会留白。你是不是把轮播模块与下一个或上一个系统模块之间的间隙当成留白了?这是系统模块之间的约10PX间隔,自己是无法修改的。
❻ 怎么js设置Img的宽度,和高度
1、界面中有一个img,但是没有用js来设置它的宽度高度和背景颜色。