不多說代碼如下<!DOCTYPE?html>
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"/>
????<title></title>
????<style?type="text/css">
????????.warp
????????{
????????????width:?960px;
????????????height:?800px;
????????????background:?yellow;
????????????text-align:?center;
????????}????????
????????????.warp?img
????????????{
????????????????text-align:?center;
????????????}
????</style>
</head>
<body>
????<div?class="warp">
????????<img?src="images/music.png"?/>
????</div>
</body>
</html>正常說我把img 設(shè)為text-align：center圖片會(huì)居中?？墒俏彝ㄟ^后代選擇器寫入后并沒有居中。然后我把warp設(shè)置了一下text-align，圖片居中了請問一下為什么，不是圖片居中嗎為什么要設(shè)給父元素
5 回答
qq_青棗工作室_0
TA貢獻(xiàn)446條經(jīng)驗(yàn) 獲得超754個(gè)贊
text-align是調(diào)整元素內(nèi)部的內(nèi)容對(duì)齊方式。所以，你要在父元素設(shè)置text-align來調(diào)整其內(nèi)部的文字、圖片對(duì)齊方式。
慕粉_yangyang
TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超1個(gè)贊
text-align是針對(duì)元素標(biāo)簽的子級(jí)的，想要圖片居中是應(yīng)該給父級(jí)加的
添加回答
舉報(bào)
0/150
提交
取消