在IE上使用最小宽度的内联跨度

Question

嗨,
我有3 SPAN,必须inline和有和min-width.
显然在IE上,SPAN不可能有min-width.我尝试使用DIV但是当我说它时inline,它min-width是无视的.

CSS

span {
    display: inline;
    min-width: 150px;
}

HTML

<span>1</span>
<span>2</span>
<span>3</span>

Answer 1

inline元件不能采取width,height,vertical margin及padding.所以你必须display:inline-block;像这样定义写:

span {
    display: inline-block;
    *display: inline;/* for IE7*/
    *zoom:1;/* for IE7*/
    min-width: 150px;
}

来源:层叠样式表2级修订版1(CSS 2.1)规范:10.3计算宽度和边距:10.3.1内联,未替换元素:

'width'属性不适用.'margin-left'或'margin-right'的'auto'的计算值变为'0'的使用值.

检查这个http://jsfiddle.net/yCvhB/5/