Question

<span>标签margin-right：0无效，这是怎么回事？

从firebug上看margin-right有生效啊，但网页中没有显示出效果来

Answer 1

span是行梁知蔽内元素，无法设置宽高和margin值，你可以尝试使用padding替代，或者使用display：inline-block将span标签橡州改为行内块元猛物素

追问

用inline-block没效果啊

追答

把你代码贴上来

追问

.phone {
display: inline-block;
margin-right: 0;
}

#header form {
display: inline-block;
margin-right: 0;
}

追答

控制台截图看现在的效果，你想要怎样的效果

Answer 2

①：使用了浮芦清动的话，在岩搏span的粗哗祥父元素添加overflow:hidden试试；
②：设置span为inline-block或者block

追问

没用浮动，用inline-block没效果啊

追答

span使用inline-block；然后在span外面添加一个父元素，并设置样式

font-size: 0;-webkit-text-size-adjust:none;

即可消除

追问

这句是什么意思呢？

追答

就是设置其字体大小为0的话，就不会占据空间了，不过span要重新设置字体大小。其实你可以直接是用block的，然后用float让多个span在同一行不会换行。我觉得这样比较方便

Answer 3

span{display:display: inline-block;}行内标签没有边距的；

追问

用inline-block没效果啊

追答

那你试下block

追问

那样就变成块级元素跑下一行去了啊

追答

它及它兄弟元素左浮动

追问

我没设置高度，这样设置的话窗口一动就跑下面去了，这要怎么弄？

追答

把你的效果图截一份，把span圈起来给我看看