代码如下:
<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)