对联 ·故事 ·史海钩沉 ·人物档案 ·地方风俗 ·谚语大全 ·讽刺与幽默 · 赚钱 · 法律 · 在线教研 · 会员中心 · 心理测试 · 魔鬼词典 · 顺口溜
 
主页特效 网页特效 百家姓
娱乐 歇后语 绕口令 脑筋急转弯
 
谚语 谜语 名言 邮政编码
便民 酒方 验方 偏方 站长工具  
 
算命 风俗 手相 爱情
女孩 音乐 面相 星座 血型
 
饮食 穴道 偏方 医药
生活 软件 硬件 解梦 高考



   JS特效



实用工具
便民服务 加密解密
 
魅力高密 民间故事 Flash教程 PS教程 最新国内新闻
新华字典 黄道吉日 英语园地  万年历 Html2anycode
  首页 | 美图 | 短信 | 安全 | 校园 | 网站 | 游戏 | UFO | 文秘 | 生活 | 信息技术 | 论文 | 人生 | 情感 | 日记
返回首页
当前位置: 主页 > 网站建设 >

网页中Span和Div的区别(5)

时间:2010-05-18 09:54来源:未知 作者:五牛库 点击:
一直以为 SPAN和DIV的区别仅仅在于拼写和 display属性。困扰我许久的IE内部自适应宽度今天终于被解决了。我只是不小心把DIV换成了span而已。 真不知道div和
  

一直以为 SPAN和DIV的区别仅仅在于拼写和 display属性。困扰我许久的IE内部自适应宽度今天终于被解决了。我只是不小心把DIV换成了span而已。

真不知道div和span还有什么区别。怕了。

顺便问个问题。就算我用了span,如果inline-block里面有元素使用了float-right或者width:100%;IE又不正常了

 


其他观点:
我的区别就是,DIV用的范围比较广,SPAN只是用于局部。
一般局部用span,整体布局的时候用div

另人的观点:
我同意楼上的~
一般大的用div,嵌套在某些标签里面就用span~

另外的观点:
div是块状元素,span是内联元素

回答:
div是block元素,span是inline元素。
display: inline-block 仅仅给 IE 触发了 layout,IE 其实不认识这个 display 属性,所以尽管设置了,它原来是 inline 还是 inline,

原来是 block 还是 block。
最终的区别就是 inline 元素和 block 元素在 haslayout 下的表现区别。
你的代码里面如果把 display: inline 换成 zoom: 1,对 IE 而言是一样的效果。

至于 float:right 和 width:100% 后出现的问题,那就是 IE 的其他 bug 了。

 

其他回答:

有两种方法:

1、先使用display:inline-block属性触发块元素,然后再定义display:inline,让块元素呈递为内联对象(两个 display要先后放在两个CSS声明中才有效果,这是IE的一个经典bug,如果先定义了display:inline-block,然后再将 display设回inline或block,layout不会消失)。

代码如下(...为省略的其他属性内容):

代码:

div {display:inline-block;...}
div {display:inline;}

2、直接让块元素设置为内联对象呈递(设置属性display:inline),然后触发块元素的layout(如:zoom:1等)。代码如下

div {display:inline; zoom:1;...}

顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
赞助商位置
推荐内容
杂七杂八