最新公告
  • 欢迎您光临云梦下载网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 织梦dedecms文章内容页图片自动居中,自适应手机,宽度100%

    发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的HTML5网站,还存在一个图片宽度太宽显示不全的问题.
     
    这种情况,在后台上传图片时,如下图,上传成功后,图片宽度默认是图片的真实宽度,可以把他设置为100%,或留空不填,高度也留空不填.
     
     
    内容页假如这样写法
     
     
    <div class=”detail”> 这里是内容及图片</div>
     
    cs样式可以如下写法.如果担心在电脑上浏览时,图片过大撑破页面,可以增加一个类似这种样式.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;}
     
    }

     
    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!616105616@qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!

    云梦下载网 » 织梦dedecms文章内容页图片自动居中,自适应手机,宽度100%
    • 3会员总数(位)
    • 2868资源总数(个)
    • 51本周发布(个)
    • 6 今日发布(个)
    • 213稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情