<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
div{
width: 200px;
height:200px;
background-color: pink;
}
img{
text-align: center;
}
h1{
text-align: center;
}
</style>
</head>
<body>
<div>
<img src="img/blue-camera.png">
<h1>火箭总冠军</h1>
</div>
</body>
</html>
把img里的text-align:center;写在div里图片就居中了!这是为什么?不是子元素居中为什么要写在父元素里啊
我知道了,img是内联块状元素,text-align:center作用的是块状元素内的内容