实现<p>中<img>居中,文字不居中|智德360网络|企业网站制作|济南企业网站制作|济南企业网站建设|企业网站维护专家—智德360网络
位置: 智德360网络 > 网站编程 > JS编程 > 实现<p>中<img>居中,文字不居中
时间:2011-12-09 18:14来源:未知作者:智德360站长 点击:
[代码] [JavaScript]代码 view source print ? 01 html xmlns= http://www.w3.org/1999/xhtml 02 head 03 meta http-equiv= Content-Type content= text/html; charset=utf-8 / 04 titlejs实现p中img居中文字不居中/title 05 script type= text......

[代码] [JavaScript]代码
view sourceprint?
01
<html xmlns="http://www.w3.org/1999/xhtml">
02
<head>
03
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
04
<title>js实现<p>中<img>居中文字不居中</title>
05
<script type="text/javascript">
06
function imgCenter(){
07
    w = document.body.clientWidth;
08
    image = document.getElementsByTagName("img");
09
    for(i = 0; i < image.length; i++){
10
        image.item(i).style.paddingLeft = (w - image.item(i).width)/2;
11
    }
12
    }
13
</script> copyright 智德360网络
14
<style>
15
 
16
}
17
     
18
</style>
19
 
20
</head>
21
<body onLoad="imgCenter()" onResize="imgCenter()">
22
<p >
23
 
24
<img src="file:///C|/Users/ernest/Pictures/5553810248_12eb410021.jpg" />
25
<img src="file:///C|/Users/ernest/Pictures/5553810248_12eb410021.jpg" />
26
<img src="file:///C|/Users/ernest/Pictures/5553810248_12eb410021.jpg" />
27
<img src="file:///C|/Users/ernest/Pictures/5553810248_12eb410021.jpg" />
28
<br>
29
 
30
dddfdsfsjfklsdjflsdjfklsdjfkls
31
 
32
</p>
33
</body>
34
</html> copyright 智德360网络

实现<p>中<img>居中,文字不居中url:http://www.zhide360.com/JavaScript59.html

TAGS:Jquery代码优化网站代码

上一篇:判断日期是否合法 下一篇:js实现点击注册按钮开始读秒倒计时实例

友荐云推荐

 「 排行榜 」 

 「 特别推荐 」 

视觉焦点