直接在div內設置，效果一樣嗎？
練習題里原本代碼：
<style>
div{
? ? border:1px solid red;
? ? margin:20px;
}
div.txtCenter{
text-align:center;
}
div.imaCenter{
text-align:center;
}
</style>
</head>
<body>
<div class="txtCenter">我是文本，哈哈，我想要在父容器中水平居中顯示。</div>
<div class="imgCenter"><img src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" /></div>
</body>
換成：
<style>
div{
? ? border:1px solid red;
? ? margin:20px;
????text-align:text-align
}
</style>
</head>
<body>
<div class="txtCenter">我是文本，哈哈，我想要在父容器中水平居中顯示。</div>
<div class="imgCenter"><img src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" /></div>
</body>
問：
這樣也能實現圖片和文本都居中，系統辨別的效果會一樣嗎？
“水平居中是通過給父元素設置?text-align:center?來實現的。”以上例子，“父元素”是哪個，“本代元素”又是哪個？
煩請老師解答！謝謝！
2015-04-17
一樣可以實現，
對于 文本 和圖片，她的父元素 都是 div ，所以可以統一設置，
----------------------------------------
我不明白的是：
div.txtCenter {text-align:center;} 這是什么選擇器？