文章内容页图片自动居中,自适应手机,宽度100%

发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的html5网站,还存在一个图片宽度太宽显示不全的问题.

HTML

<div class=“detail”> 这里是内容及图片</div>

.detail  img{ 

 display:block;margin:0 auto;padding:10px; max-width:650px

}

/以下为兼容手机代码/

@media(max-width:760px){ 

.detail  img{ max-width: 100%;height: auto;width: auto\9;}

}

本文来自投稿，不代表站三界导航立场，如若转载，请注明出处：https://www.zhansanjie.com/article/details/8414.html