我的div內容將不會左對齊，因爲我的css指定了

我想讓我的內容在div內左對齊...代碼位於下方...我做了一次這項工作，但是失去了代碼。現在我再也弄不清楚了。我的div內容將不會左對齊，因爲我的css指定了

HTML5：

<div class="wrapper materials"> 
<section id="materials">

然後我做了一篇文章標籤然後創建文章內容含H的標籤，p標籤等然後我關閉該標籤然後我關閉DIV

css：

.materials { 
    width: 80%; 
    background-color: #fff; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: left; 
}

材料包裝中的文本保持居中，但我希望它左對齊。

您使用materials爲class以及一個id所以，首先，如果你的目標持materials爲id，比你需要使用#materials元素，而不是.materials

#materials { 
    width: 80%; 
    background-color: #fff; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: left; 
}

從這個

除了這裏唯一可能的是你可能會有一些更具體的選擇器，它覆蓋了你的CSS塊，嘗試使用

#materials { 
    text-align: left; 
}

2013-11-15 05:47:51

你是搖滾明星！非常感謝你......這工作！ – user2994997

@ user2994997歡迎您... –

雖然我在這裏看到一件事......但我在另一個特定的設計目的下打開了我的div ...當我使用#materials時，它使事情看起來有點奇怪... – user2994997

您的類別.wrapper有text-align: center。建議根據案例使用來檢查和簡化您的樣式表。例如，你想要在.wrapper類的元素中居中放置什麼文本？如果您指定了這些情況，那麼只有包裝中的那些元素將居中。

另外，如果你想在.wrapper一切除了.materials爲中心，然後指定如下：

.wrapper.materials { 
    text-align: left; 
    width: 80%; 
    margin: 0 auto; 
}

通過兩個這樣結合你告訴瀏覽器不要選擇一個類別而不是他們不同的地方，而是把他們當作一個特殊的，毫不含糊的案例。

2013-11-15 06:29:48 denmch

回答