2012-08-16 100 views
2

我有一個HTML結構,其中包含div和一些CSS規則。我想知道,爲什麼text-align:centre被繼承到其子DIV,爲什麼只有text-align:centre是繼承文本對齊繼承於css

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<style> 


.multi{ width:500px; text-align:center; float:left } 
</style> 

</head> 

<body> 

<div class="multi"> 
<div class="rr">Abc</div> 
</div> 

</body> 

回答

4

在CSS中,一些性質自然也繼承,默認情況下。 text-align是其中之一,以及font,color等。 Here是一個相當小的(但大多數是強大的)屬性列表,並且將由兒童繼承而不是

什麼你必須在這種情況下,做的是這樣的:

<style> 
.multi { 
    width: 500px; 
    text-align: center; 
    float: left; 
} 
.multi .rr { 
    text-align: left; /* Or whatever value multi's parent has */ 
} 
</style> 
+0

該鏈接不工作了:) – 2016-08-31 19:46:22

+1

@AmitSaxena固定的,謝謝。 – Eric 2016-08-31 19:57:26