CSS：关于img标签的页⾯居中问题在使⽤img标签，想让图⽚页⾯居中时，使⽤margin属性⽆法⽣效。
原因如下：块元素可以使⽤margin:0 auto的⽅式来实现页⾯居中对齐。
<img src="../../../resources/image/Jay004.jpg" alt="不到图⽚" width="200px">
页⾯显⽰效果如下
想要达到居中的效果，有以下⼏个⽅法
margin属性怎么用
1. 使⽤display:block将img标签变为块元素，再使⽤margin: 0 auto。
<style> img { border-radius: 100px; box-shadow: 10px 10px 50px #ec9da7; display: block; margin: 0 auto; } </style> 2. ⽤div标签将img标签包裹起来，再使⽤margin:0 auto 或者 text-align:center实现居中。
如果是想使⽤margin:0 auto的⽅式居中，图⽚会有所偏移。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。