杭州网站建设-SEOSEM推广知识-百度360搜狗搜索引擎关键词排名优化-优灵

我们是SEO网站优化/网站建设/百度排名优化/百度推广SEM知识技术分享!

织梦模板手机端文章内容页图片居中怎么弄-手机自适应100%宽度

2020-07-17 15:25分类:织梦教程 阅读:

 

  在使用织梦模板做网站的时候,你是否遇到过手机端内容页图片出现不居中问题,有些时候,我们经过精挑万选选到的模板,但是安装后出现这个问题,心情一下就不美丽了,那么织梦模板手机端文章内容页图片居中怎么弄-手机自适应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: auto9;}
 
  }

  文章分类:织梦教程

郑重声明:网站建设、网站优化、微信推广等资讯信息,大多由小编多年网站制作优化经验编辑而成,部分文章来源于网络,仅作为参考,如果网站中图片和文字侵犯了您的版权,请联系我们处理!

上一篇:优灵简述,什么是dedecms织梦?由来?

下一篇:优灵简述织梦调取栏目高亮特殊样式的限制字节方法

相关推荐


关注我们

    杭州网站建设-SEOSEM推广知识-百度360搜狗搜索引擎关键词排名优化-优灵
返回顶部