水平居中設(shè)置-行內(nèi)元素
不明白為什么答案前面要加div, 直接寫成 ? ? ? ?.imgCenter{ text-align:center; }也行啊，效果一樣的， 答案為什么是 div.imgCenter{ text-align:center; } ，還有答案這種寫法，div和.imgCenter直接寫到一起，不加什么符號，前面沒學(xué)過啊，怎么理解啊？我把divspan寫到一起，怎么就不行呢？
慕粉3847075
2016-08-22
3 回答
舉報(bào)
0/150
提交
取消
2016-09-15
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>定寬塊狀元素水平居中</title>
<style>
div{
? ? border:1px solid red;
? ? margin:20px;
}
div span{
text-align:center;
}
.imgCenter{text-align:center;}
</style>
</head>
<body>
<div class="txtCenter"><span>我想要在父容器中水平居中顯示。</span></div>
這樣寫為什么字體不能居中？
2016-09-08
①：你將div和span寫到一起，但是你設(shè)置的css屬性寫錯了，應(yīng)該是color; 代碼是div,span{color:red};
②：不加div也可以。因?yàn)閏lass可以同名，所以一個頁面中可能會有很多個class=imgCenter，此時(shí)我想選擇class=imgCenter的div元素該怎么辦呢？ ?這時(shí)我們在類名前面加上標(biāo)簽名div.imgCenter，表示這個樣式只應(yīng)用于類名為imgCenter的div標(biāo)簽。 （PS:div與.imgCenter之間沒有空格）
2016-08-22
?.imgCenter是class, div是標(biāo)簽定義文檔中的 division/section,?.imgCenter{ text-align:center; }是定義的所有class為?.imgCenter都設(shè)置為這樣,?div.imgCenter{ text-align:center; }這樣是只有div中class為.imgCenter才會被設(shè)置成這樣, 后者加了個限定的. ?div和span都是中間可以加逗號, 就是將div和span設(shè)置為一樣.