直接在div內(nèi)設(shè)置,效果一樣嗎?
練習(xí)題里原本代碼:
<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>
問(wèn):
這樣也能實(shí)現(xiàn)圖片和文本都居中,系統(tǒng)辨別的效果會(huì)一樣嗎?
“水平居中是通過(guò)給父元素設(shè)置?text-align:center?來(lái)實(shí)現(xiàn)的。”以上例子,“父元素”是哪個(gè),“本代元素”又是哪個(gè)?
煩請(qǐng)老師解答!謝謝!
2015-04-17
一樣可以實(shí)現(xiàn),
對(duì)于 文本 和圖片,她的父元素 都是 div ,所以可以統(tǒng)一設(shè)置,
----------------------------------------
我不明白的是:
div.txtCenter {text-align:center;} 這是什么選擇器?