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

的代码如下：为什么班级保证金不起作用？

<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; 
}

来源

2009-06-29 omg

您不能给它一个宽度，因为它是内联元素。

该属性指定的通过块级生成框的内容宽度和替换元素。此属性不适用于未替换的行内元素。 - CSS 2.1 Width property

您可以通过使块或inline-block的元素，而不是解决这个问题：

display:inline-block

然而，这可能不会被一些浏览器的支持。但是，您可能会获得与此相同的结果：

margin-left:40px

来源

2009-06-29 09:20:15

你应该表明这是一个CSS规则：Ways to include CSS in your page。

来源

2009-06-29 09:18:14

yup，.margin是一个css规则 – omg 2009-06-29 09:19:13

我明白了，但你把这个规则放在HTML文档之外，浏览器怎么知道这是一块CSS？ – 2009-06-29 09:20:29

把

<style> 
    .margin {  
    width:40px;  
    height:auto; 
    } 
</style>

来源

2009-06-29 09:18:41 pedrofernandes

是不是我所做的，嗯？ – omg 2009-06-29 09:20:35

你把它放到.html文件中看看效果了吗？ – omg 2009-06-29 09:21:24

是的，工作得很好:) – pedrofernandes 2009-06-29 09:22:59

CSS应该进入头部分，也应包在< style>标记......

除非你正在访问从样式此值。您需要在文档的开头部分引用它：

<link rel="stylesheet" type="text/css" title="RSS" href="MyStyleSheet.css">

来源

2009-06-29 09:18:54 James

尝试更改您的类名可能吗？

margin是属性。我不确定CSS是否保留了关键字。

来源

2009-06-29 09:20:38

我认为问题是标签是空的。只要把“& nbsp;”两个标签之间。

来源

2009-06-29 09:21:18 dutchflyboy

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

回答

相关问题