問題詳述：
在html中輸入一列排列后，css中對該段內(nèi)容進行居中處理，比如文檔目錄居中左對齊功能效果，但卻失敗了，只能居中無法左側(cè)開頭對齊，使得頁面瀏覽效果很差。
問題現(xiàn)場：
<!doctype html>
<html lang="zh-cn">
<head>
<title>居中左對齊問題</title>
<meta charset="utf-8">
<style>
div{
text-align:center;
}
</style>
</head>
<body>
<div>
<p>我是目錄第一行</p>
<p>我可能是目錄第二行吧</p>
<p>我就是目錄第三行</p>
<p>我一定是第四行啊啊啊啊</p>
</div>
</body>
</html>
圖2.jpg
問題解決：
對text-align功能了解錯誤，以為對塊級元素div進行居中就能左對齊，但這是構(gòu)造文本，對文本本身進行每行居中，由于每行字?jǐn)?shù)不一樣所以居中不左對齊。
方法：舍棄text-align，用margin-left對塊級元素進行整體效果。
延伸：塊級元素在css顏色作用下，子元素不繼承。
