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

您的位置: 主页新闻中心 > 网站建设 > 详细信息

发布文章时,您需要上传图片。 许多内容编辑器在左侧显示图片。 另外,如果它是响应式HTML5网站,则还存在图片宽度太大而无法显示的问题。  

在这种情况下,在后台上传图片时,如下所示,上传成功后,图片宽度默认为图片的真实宽度,您可以将其设置为100%或将其留为空白 并将其留空,并将高度留空。  

如果内容页面是这样写的


CCS代码如下 :


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



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




  • 本文链接地址:https://www.0do.net/wangzhan/8215.html 转载请注明出处

  • 说什么好呢
    • 全部评论(0
      还没有评论,快来抢沙发吧!

    上一篇:DedeCMS制作的网站模板编码转换教程 下一篇:贵古-视频上传点播使用说明

    相关阅读

    猜您喜欢

    我们已经准备好了,你呢?
    2020我们与您携手共赢,为您的企业营销保驾护航!

    高速云主机

    高性价比建站

    免费网站代备案

    1对1设计服务

    7×24小时售后支持

     

    全国免费咨询:

    0571-8602-0793

    业务咨询:0571-8602-0793 / 18158134667

    QQ:545844156 57422620(张)

    联系地址:杭州经济技术开发区下沙街道天城东路80号

    Copyright © 2010-2020 杭州库弘网络科技有限公司      ICP备案:浙ICP备13030903号-1     公网备案:浙公网安备 33011802001518号     法律顾问:律师事务所

    客服
    热线

    0571-86020793
    7*24小时客服热线

    微信
    咨询

    加微信获取报价