温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢！

本文最后更新于2020年9月15日，已超过 30天没有更新

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

这种情况,在后台上传图片时,如下图,上传成功后,图片宽度默认是图片的真实宽度,可以把他设置为100%,或留空不填,高度也留空不填.

内容页假如这样写法
 

<div class="detail"> 这里是内容及图片</div>
?

 

css样式可以如下写法.如果担心在电脑上浏览时,图片过大撑破页面,可以增加一个类似这种样式.max-width:650px

? 

.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;}
}

历史上的今天
09月
15
    抱歉，历史上的今天作者很懒，什么都没写！
版权声明：原创作品，未经允许不得转载，否则将追究法律责任。
本站资源有的自互联网收集整理，如果侵犯了您的合法权益，请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用，若使用商业用途，请购买正版授权，否则产生的一切后果将由下载用户自行承担。
本文链接:悟空资源网https://www.wkzyw.com/910.html
许可协议:《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权