| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 998 人关注过本帖
标题:css 中的 display
只看楼主 加入收藏
迷失星际
Rank: 1
等 级:新手上路
帖 子:358
专家分:0
注 册:2004-7-9
收藏
 问题点数:0 回复次数:4 
css 中的 display

display中的none属性效果很明显

其他的就好像没什么区别

所以像block 那些到底是什么意思呢?从字面意思很难理解透(“挡?”

请高手讲解。

还有默认值是什么?

搜索更多相关主题的帖子: css display 
2004-08-12 12:00
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
收藏
得分:0 

一头雾水,你在说什么?


天津网站建设 http://www./
2004-08-12 12:28
迷失星际
Rank: 1
等 级:新手上路
帖 子:358
专家分:0
注 册:2004-7-9
收藏
得分:0 

我用dreamweaver的时候用style="display: ...."出现很多选项,但除了none这个选项外其他的都不知道有什么用


2004-08-12 14:38
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
收藏
得分:0 

把以下代码存为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编辑过]


天津网站建设 http://www./
2004-08-12 18:31
迷失星际
Rank: 1
等 级:新手上路
帖 子:358
专家分:0
注 册:2004-7-9
收藏
得分:0 

强人!


2004-08-12 19:16
快速回复:css 中的 display
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.036569 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved