水平居中設置-行內元素
不明白為什么答案前面要加div, 直接寫成 ? ? ? ?.imgCenter{ text-align:center; }也行啊，效果一樣的， 答案為什么是 div.imgCenter{ text-align:center; } ，還有答案這種寫法，div和.imgCenter直接寫到一起，不加什么符號，前面沒學過啊，怎么理解??？我把divspan寫到一起，怎么就不行呢？
慕粉3847075
2016-08-22
3 回答
舉報
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寫到一起，但是你設置的css屬性寫錯了，應該是color; 代碼是div,span{color:red};
②：不加div也可以。因為class可以同名，所以一個頁面中可能會有很多個class=imgCenter，此時我想選擇class=imgCenter的div元素該怎么辦呢？ ?這時我們在類名前面加上標簽名div.imgCenter，表示這個樣式只應用于類名為imgCenter的div標簽。 （PS:div與.imgCenter之間沒有空格）
2016-08-22
?.imgCenter是class, div是標簽定義文檔中的 division/section,?.imgCenter{ text-align:center; }是定義的所有class為?.imgCenter都設置為這樣,?div.imgCenter{ text-align:center; }這樣是只有div中class為.imgCenter才會被設置成這樣, 后者加了個限定的. ?div和span都是中間可以加逗號, 就是將div和span設置為一樣.