代码如下:
<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;
}
答案 0 :(得分:10)
你不能给它一个宽度,因为它是一个内联元素。
此属性指定内容 生成的框的宽度 块级和替换元素。 此属性不适用于 未替换的内联级元素。 - CSS 2.1 Width property
您可以通过将其设为块或内联块元素来解决此问题:
display:inline-block
但是,某些浏览器可能不支持此功能。但是,你可以用这个来达到相同的结果:
margin-left:40px
答案 1 :(得分:1)
CSS应该进入head部分,也应该包含在&lt;风格&gt;标签...
除非您从样式表中访问此值。您需要在文档的head部分中引用它:
<link rel="stylesheet" type="text/css" title="RSS" href="MyStyleSheet.css">
答案 2 :(得分:0)
您应该指明这是一项CSS规则:Ways to include CSS in your page。
答案 3 :(得分:0)
把
<style>
.margin {
width:40px;
height:auto;
}
</style>
答案 4 :(得分:0)
尝试更改您的班级姓名吗?
margin
是一个属性。我不确定CSS是否保留了关键字。
答案 5 :(得分:0)
我认为问题是标签是空的。只需输入“&amp; nbsp;”两个标签之间。