display中的none属性效果很明显
其他的就好像没什么区别
所以像block 那些到底是什么意思呢?从字面意思很难理解透(“挡?”)
请高手讲解。
还有默认值是什么?
把以下代码存为htm文件,打开就知道了
<html xmlns:rdl> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Rainer's Handbook</title> <style> body{margin:0px;padding:12px;background:#FFFFFF;overflow:auto;} body,table,input,select,textarea,a{font-family:verdana,tahoma,arial;font-size:11px;color:#000000;word-break:break-all;} table,img{border:0px;} a{text-decoration:none;color:#003399;} a:hover{color:#000000;text-decoration:underline;} #id_div3{padding-top:8px;border-top:1px solid #000000;line-height:15px;} #id_span3{font-size:10px;font-family:tahoma;} </style> <style> #idParentDiv{width:100%;height:120px;padding:6px;background-color:buttonshadow;position:relative;} #idDiv{width:80%;height:80px;background-color:#FFD700;padding:6px;position:absolute;z-index:3;left:9px;top:9px;} #idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;} </style>
<script> function rdl_change(e){ var oCodeDiv=document.all("idCodeDiv"); var oImg=document.all("idImg"); with (document.all("idSel2")) var sValue2=options[selectedIndex].value; with (oImg.style) { display=sValue2; } oCodeDiv.innerText="display : "+sValue2+" ; "; } </script>
</head> <body> <div id=idParentDiv> <div id=idDiv><img src="http://bbs.bc-cn.net/bbs/uploadFace/89_200451222153395603.jpg" style="float:left;border:1px solid #000000;">请从下方选择<span id=idImg><b>这几个粗体字</b></span>的属性值。</div> </div> <br> <table><tr><td> <select id="idSel2" onchange="rdl_change();"> <option value="inline">---display--- <option value="block">block <option value="none">none <option value="inline">inline <option value="inline-block">inline-block <option value="list-item">list-item <option value="table-header-group">table-header-group <option value="table-footer-group">table-footer-group </select> </td></tr></table> <div id=idCodeDiv>display : inline ;</div>
</body> </html>
[此贴子已经被作者于2004-08-12 18:32:49编辑过]