为什么班级保证金不起作用?

omg*_*omg 5 css

代码如下:

<html>
<head>
<title>test</title>
</head>
<body>
<div><span>shanghai</span><span class="margin"> </span><span>male</span></div>
</body>
</html>

.margin {
    width:40px;
    height:auto;
}
Run Code Online (Sandbox Code Playgroud)

Nic*_*ack 10

你不能给它一个宽度,因为它是一个内联元素.

此属性指定由块级别和替换元素生成的框的内容宽度.此属性不适用于未替换的内联级元素.- CSS 2.1 Width属性

您可以通过将其设置为块或内联块元素来解决此问题:

display:inline-block
Run Code Online (Sandbox Code Playgroud)

但是,某些浏览器可能不支持此功能.但是,您可以使用此方法获得相同的结果:

margin-left:40px
Run Code Online (Sandbox Code Playgroud)