技术文章 > web前端 > css教程

关于margin-left的示例代码_经验交流

原创: 2016-05-16 12:07:51 1140浏览

刚找到一个不错的东东
body { margin: 36pt 24pt 36pt; }
body { margin: 11.5%; }
body { margin: 10% 10% 10% 10%; }

<style>  
#idParentDiv{width:100%;padding:6px;background-color:buttonshadow;}  
#idDiv{width:400px;height:80px;background-color:#FFD700;padding:6px;}  
#idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}  
</style><script>  
var iValue=0;  
function rdl_doAdd(e){  
var oCodeDiv=document.all("idCodeDiv");  
var oDiv=document.all("idDiv");  
var oNum=document.all("idNum");  
iValue+=1;  
oNum.value=oDiv.style.marginLeft=iValue.toString()+"px";  
oCodeDiv.innerText="margin-left : "+oNum.value+" ; ";  
}  
function rdl_doDvv(e){  
var oCodeDiv=document.all("idCodeDiv");  
var oDiv=document.all("idDiv");  
var oNum=document.all("idNum");  
iValue-=1;  
oNum.value=oDiv.style.marginLeft=iValue.toString()+"px";  
oCodeDiv.innerText="margin-left : "+oNum.value+" ; ";  
}  
</script><div id="idParentDiv">  
<div id="idDiv"><img src="http://bbs.51js.com/images/standard/51js.gif"  style="max-width:90%">请从下方选属性的值。</div>  
</div>

<table><tr><td>  
<input id="idNum" type="text" value="0px" size="19" readonly></td><td>  
<input type="button" onclick="rdl_doAdd();" value=" + " id="idBtn1"></td><td>  
<input type="button" onclick="rdl_doDvv();" value=" - " id="idBtn2"></td></tr></table><div id="idCodeDiv">margin-left : 0px ; </div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

关于margin-left的示例代码 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：CSS优化2-(常用CSS缩写语法总结)_经验交流下一条：ul在Firefox和IE下的不同表现的解决方法_经验交流

相关文章

查看更多

热门课程

Laravel 9 学习正当时—保姆级教程，想学不会都难！

￥229
￥279

已抢67232个
抢
前端基础到实战（HTML5+CSS3+ES6+NPM）

￥800
￥1200

已抢40840个
抢
PHP入门到实战消息队列RabbitMQ

￥59
￥99

已抢2902个
抢
C#+WPF上位机开发课程（模块化与反应式编程）

￥246
￥499

已抢4657个
抢
在线商城系统开发（Laravel实战五）

￥159
￥299

已抢19667个
抢

打开APP，随时随地在线学习！