关于html中的图片居中问题
fox在学习web开发中的HTML中，做了这么一个实验，下面是实验具体代码
<style type="text/css">
#t1{
font-size: 26px;
text-align: center;
}
#t2{
width:588px;
margin: 0 auto;
text-indent: 2em;
border: gray 5px double;
}
#t3{
text-align: center;
}
a {text-decoration:none;}
</style>
</head>
<body>
<div id= t2>
<h1 id=t1>传谷歌秘密开发Fuchsia项目 欲5年内取代Android</h1>
<p style="text-align: center;">2018-07-20 07:00 腾讯科技 <a href="http://www.zhku.edu.cn">我要评论(0)</a></p>
<hr/>
<div id=t3> <img src="images/exp1.jpg"></div>
<!-->在这里有个问题：由于外层div的样式没有居中，因此其中的图片也居中不了，尝试使用嵌套div、p标签，均未解决此问题，用p标签行内样式<p style = "text-align :center;margin 0 auto">也没法解决。而神奇的是将图片语句放至上条段落中，却可以达到居中，测试后发现是由于有文字，其中的text-align才产生作用，顺带将图片一起居中了<-->
<p>
腾讯科技讯 据外媒报道，知情人士周四透露，在过去两年多的时间中，谷歌内部一群工程师一直在开发一款软件移动操作系统，希望用它最终来替代目前占全球移动操作系统市场主导地位的Android。
<p>
不过随着这个团队的不断成长，它将不得不克服一些关于软件如何工作的激烈内部争论。
</p>
<p>
这个名为Fuchsia的项目为了克服Android的局限性从零开始创建，原因是越来越多的个人设备和其他设备开始接入互联网。它的设计是为了更好地适应语音互动和频繁的安全更新，无论是笔记本电脑还是微小的互联网连接传感器，所有的设备都将使用同一的操作系统。
</p>
</div>
</body>
实验要求其中的图片居中，通过几种方式进行修改并未能达到效果，最后发现直接将图片用div标签进行包含即可居中；即：
<style type = "text/css>"
div{
margin 0 auto;
text-align:center;//设置居中，注意这里是将所有div进行了一个统一CSS样式设置
}
</style>
...
<body>
<div>
<p><img src = "images/exp1.jpg"></p> //居中成功（顺带提一下知识点，图片路径为当前html文件保存路径中的images文件夹中的图片文件名，注意后缀名也要加上)
</div>
</body>
然而问题还没有解决：最开始的代码中，思路为用一个外层的div设置其样式，控制其中的文字段落格式，并没能考虑到图片的居中要求，而现在发现的图片居中方式只有上述的情况，那么如何通过嵌套或者控制其他变量将嵌套在没有居中的div中的图片进行居中，有待解决。