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

时间:2009-06-29 09:16:22

标签: 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;
}

6 个答案:

答案 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;”两个标签之间。