关于margin-left的示例代码

更新时间：2007年05月16日 00:00:00 作者：

刚找到一个不错的东东
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="float:left;border:1px solid #000000;">请从下方选属性的值。</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的示例代码

相关文章

又一个典型css实例
[红色]又一个典型css实例...
2006-12-12
ie6 注释引起的问题
大部分是由注释造成文字溢出，属于IE6的BUG，溢出文字的字数=注释的条数*2-1，这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联系。
2008-12-12
CSSvista可同时在IE和Fifrefox调试的CSS编辑提供下载
CSSvista:可同时在IE和Fifrefox调试的CSS编辑器 CSSvista是一个免费的Windows增强应用程序，为Web开发人员准备的一个CSS编辑器。它可以让你同时在IE和Firefox下调试你的CSS样式表代码。
2008-06-06
flash幻灯片需要先激活ActiveX控件才能使用的又一个办法
flash幻灯片需要先激活ActiveX控件才能使用的又一个办法...
2007-11-11
XHTML标签的自关闭写法的坏处分析
我们都知道XHTML里面的img标记应该这样写：<img alt="" src="" />，这种写法也就是所谓的自关闭，在XML中是完全合法的写法。
2008-09-09
关于td的height和line-height兼容问题
写页面的时候，遇到处理数据的时候还是要用TABLE的，但是有的时候显示出来table, ie和ff的高不同。
2008-04-04
关于《精通css》之几个不错的注意事项
这篇文章主要介绍了关于《精通css》之几个不错的注意事项,需要的朋友可以参考下
2007-03-03
line-block的运用最小宽度的设置
line-block：本身是内联盒模型的存在，又具备块状盒模型的特性。很好很强大的东西啊～
2008-05-05
区分IE6，IE7，firefox的CSS hack
经常网页布局需要兼职多浏览器，所以下面的css hack可以用，但最好少用，不得不用才用
2008-04-04
用CSS开发时髦的导航栏第二篇
我能够使用CSS和列表创造有子菜单的导航栏吗？有时候我们需要超过一级的导航栏 – 可是在CSS里面用样式化的列表能够创建多级导航栏吗？
2008-05-05

最新评论