爲什麼班級保證金不起作用？

的代碼如下：爲什麼班級保證金不起作用？

<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

爲什麼班級保證金不起作用？

回答

相關問題