您好,欢迎来到菜鸟吧源码网(www.cniao8.com)本站只做精品网站源码!
  • 首 页
  • 会员介绍
  •  

    当前位置:主页 > 站长学堂 > dede教程 >
    文章内容页图片自动居中,自适应手机,宽度100%
    时间:2020-03-13 21:37 作者:菜鸟吧 浏览:收藏 挑错 打印

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

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

    内容页假如这样写法

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

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

    ?
    查看源码
    打印代码帮助
    1.detail  img{
    2display:block;margin:0 auto;padding:10px; /* max-width:650px */
    3}
    4/*以下为兼容手机代码*/
    5@media(max-width:760px){
    6.detail  img{max-width: 100%;height: auto;width: auto\9;}
    7}
  • 本文标题:文章内容页图片自动居中,自适应手机,宽度100%
  • 本文地址:https://www.cniao8.com/11751.html

    上一篇:织梦后台jpeg格式图片没法上传,图片浏览器中没法查看预览

    下一篇:dedecms v5.7 整合discuz x3.2 双向同步登录退出

  • 郑重声明:
    本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。
    如有侵犯您的版权,请给我们来信:admin@cniao8.com,我们尽快处理。

    织梦后台突然打不开或打开后空白的解决方法织梦后台突然打不开或打开后空白的解决
    织梦系统解决后台“DEDECMS安全提示”的方法织梦系统解决后台“DEDECMS安全提示”
    dedecms性能选项与其它选项dedecms性能选项与其它选项