<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GBK"/>
<title>span居中</title>
<script type="text/javascript">
var span1=document.getElementById('span1');
var span2=document.getElementById('span2');
var span3=document.getElementById('span3');
var div1=document.getElementById('div1');
var len=span1.length+span2.length+span3.length;
span1.left=(div1.width-len)/2;
</script>
</head>
<body>
<div id="div1" style="width: 500px;height: 100px;border: solid black;">
<span id="span1">1</span>
<span id="span2">2</span>
<span id="span3">3</span>
</div>
</body>
</html>
老板不让用CSS,说必须用javascript
追答
span居中
1
2
3
var span1=document.getElementById('span1');
var span2=document.getElementById('span2');
var span3=document.getElementById('span3');
var div1=document.getElementById('div1');
var len=span1.offsetWidth+span2.offsetWidth+span3.offsetWidth;
span1.style.marginLeft=(div1.offsetWidth-len)/2+"px";
那你就这么写
老板说要用javascript来实现居中