点解“display: inline-block”之后，span有啦偏移？
- 最火爆的兴宁论坛
点解“display: inline-block”之后，span有啦偏移？
为了解决span固定宽度问题，使用了inline-block，但使用后多个span之间对齐了，某些span了偏移。为哪些会这样呢？该怎么处理呢？效果图见附件，完整html代码如下：复制内容到剪贴板代码:&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.01//EN& & 附件: 您所在用户组⑤法下载或查看附件，您需要注册/登录后才能查看！
不区分大小写匿名
感谢您。我要效果和您理解差多，就是中间span左右两边几像素边距，左中右3个span都会背景图。
复制内容到剪贴板代码:.btn span {& && && && && & display: inline-& && && && && & zoom: 1;& && && && &}换成...复制内容到剪贴板代码:.btn span {& && && && && & display: inline-overflow:& && && && &}
知道楼主想要效果是是 中间span左右两边几像素边距.btn span { display: inline- zoom: 1; } &提示：您可以先修改部分代码再运行换成.btn span { display: inline- zoom:1; float: } &提示：您可以先修改部分代码再运行
感谢您。这种方法也可以解决该问题，但我还没理解为哪些这样也可以解决问题，看来要多看些书才行。
等待您来回答
该问题来自：兴宁小鱼网xn555,兴宁最大的城市论坛,提供本地区民生|生活|房地产|买卖|团购|交友|招聘等一体化互动平台网页制作领域专家在chrome下不能正常显示一个displayblock或者inlineblock的元素怎么办
[问题点数：40分，结帖人jonzrj]
在chrome下不能正常显示一个displayblock或者inlineblock的元素怎么办
[问题点数：40分，结帖人jonzrj]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关帖子推荐：
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。DIV定位以及SPAN设置宽度问题_百度知道
DIV定位以及SPAN设置宽度问题
如何能让一个DIV相对BODY居中，&div style=width:500;height:200;background-color:#006699&&/div&
，span怎么设置宽度？
我有更好的答案
按默认排序
相对body居中很简单，只需要在属性里加一个 margin-left:'auto'就完全可以了，span设置宽度先在属性里加一个display:block 就可以正常设置宽度了~
&div style=width:500;height:200;background-color:#006699;margin:0 auto&&/div&
加margin:0 auto 就行了 &span style=&width:100height:30background:# display:block&&fffff&/span&display:block转化为块级元素，因为span是内联元素
这个居中&div style=&width:500;height:200;background-color:#006699; margin-left: margin-right:auto&&&/div&这个SPAN宽度&span style=&width:180display:float: overflow:&&深圳才盟企业管理顾问有限公司&/span&有问题再问我
div相对于body居中代码：&div id=&mydiv& style=& margin:0&& 制作网站时发现给span设置宽度会无效，通过查阅CSS2标准中关于width 的定义发现，原来CSS中的 width 属性并不总是有效的，如果对象是 inline 对象，width 属性就会被忽略，Firefox 和 IE 是遵循CSS标准，因而直接设置span宽度会无效。如何设置span宽度：1.修改 span 为block 类型并设置float，但这不是完美的解决方法在span的CSS中增加display属性，将span设置为block类型的Element，这样宽度的确有效了，但把前后文字隔在不同行里面，这样其实span就完全变成了div。例：span { background-color:#ffcc00; display: width:150}很多人会建议再增加一个CSS 属性 float ，这样的确在某种条件下能解决问题。深圳网站工作室提示，如果span前面没有文字 ，那的确是可行的。但是如果有了，前后文字就会连在一起，而span跑到了第二行。例：span { background-color:#ffcc00; display: float: width:150}如何设置span宽度：2.将 display:inline -block行写在后面下面代码的 CSS定义完美解决了span的宽度设置问题。由于浏览器通常对不支持的CSS属性采取忽略处理的态度，所以最好将 display:inline -block行写在后面，这样在Firefox里面，如果到了未来的Firefox 3，这一行就能起作用，代码可以同时兼容各种版本。例：span { background-color:#ffcc00; display:-moz-inline- display:inline- width:150}当新建HTML时加上了&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& & &&，span的宽度就会失效，这是由于此句声明了HTML代码遵循W3C标准。如何设置span宽度，span宽度无效就可以通过以上方法解决了。
span是行标记，你要先把它设置成块标记才可以设置它的宽度span{display:width:200}至于div居中嘛，div{margin:0}就好了
首先你的width最好加上px &div style=&width:500height:200margin:0&&&/div&至于SPAN你需要先设置他的display:&span style=&display:width:500&&&/span&
这样你就不搓了！再不OK的话就是你人丑了！
width:500margin:0span不能设置宽度。它是内联标签.你可以让它浮动，浮动后内联标签就能表现出块的性质。在设置宽度就管用了
其他类似问题
span的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁您现在正在浏览：
CSS中把Span标签设置为固定宽度
发布时间：
20:31:55 &
浏览次数：
摘要： 独立行设置SPAN为固定宽度方法如下：span{width:60px.DEF格式行设置SPAN为固定宽度的方法如下：span{widt...
CSS中如何把Span标签设置为固定宽度
一、形如ABC独立行设置SPAN为固定宽度方法如下：
span {width:60 text-align: display: }
实际验证结果：IE6 OK， FIREFOX 3 OK。
一、形如ABCDEF格式行设置SPAN为固定宽度的方法如下：
span {width:60 text-align:
display: float:}
实际验证结果：IE6 OK， FIREFOX 3 OK。
二、形如ABCDEFGH格式行设置SPAN为固定宽度的方法如下：
span {width:60 text-align:
display:inline-}
实际验证结果：IE6 OK， FIREFOX 3 OK。
提示：完美兼容就是把display属性设为inline-block，同时也可兼容前两种情况。
block，inline，inline-block的区别：
display:——类似与DIV标签的宽高边距等属性均可定制的元素特性；
display:——类似与、标签的宽高等属性不可定制的元素特性；
display:inline-——“全”可定制属性的元素特性；
补充：
1、如何让AAABBB里头的BBB靠右对齐且不换行？
答：如果对span使用float属性，总是导致span换到下一行。可以采用下面方法实现同行且居右对齐。
li { position:}
li span{ position:right:0}
即可实现。
via：http://blog.csdn.net/alex197963/archive//6193887.aspx
上一篇：没有了
本周技术实现排行如何设置span宽度_百度知道
如何设置span宽度
提问者采纳
最近制作网站时发现给span设置宽度会无效，通过查阅CSS2标准中关于width 的定义发现，原来CSS中的 width 属性并不总是有效的，如果对象是 inline 对象，width 属性就会被忽略，Firefox 和 IE 是遵循CSS标准，因而直接设置span宽度会无效。
在span的CSS中增加display属性，将span设置为block类型的Element，这样宽度的确有效了，但把前后文字隔在不同行里面，这样其实span就完全变成了div。
例：span { background-color:#ffcc00; display: width:150}
很多人会建议再增加一个CSS 属性 float ，这样的确在某种条件下能解决问题。深圳网站工作室提示，如果span前面没有文字 ，那的确是可行的。但是如果有了，前后文字就会连在一起，而span跑到了第二行。
例：span { background-color:#ffcc00; display: float: width:150}
下面代码的 CSS定义完美解决了span的宽度设置问题。由于浏览器通常对不支持的CSS属性采取忽略处理的态度，所以最好将 display:inline -block行写在后面，这样在Firefox里面，如果到了未来的Firefox 3，这一行就能起作用，代码可以同时兼容各种版本。
例：span { background-color:#ffcc00; display:-moz-inline- display:inline- width:150}
当新建HTML时加上了&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &
其他类似问题
span的相关知识
您可能关注的推广
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁