专业的织梦dedecms仿站建站技术资讯网站!- 【46仿站网】
您的位置: 主页 > 织梦教程 > 织梦高级教程 >

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

文章来源:未知 阅读: 发表时间:2020-02-14
最近,很多朋友都来咨询小编,说文章内容页图片自动居中,自适应手机,宽度100%。但是,对织梦并不是很了解,所以希望小编给点建议等等。其实,{keyword2}并没有大家说的那么难,下面小编就文章内容页图片自动居中,自适应手机,宽度100%来和大家聊聊。

发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的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;}
}

以上是有关文章内容页图片自动居中,自适应手机,宽度100%的内容。如果你想知道更多有关织梦仿站的内容请关注46仿站网,还可以在网页下方给我们留言哦!我们会及时给您答复!

如果你觉得本文对你有帮助就点个赞吧!

没有解决?点击这里呼叫大神来帮忙(付费)!

上一篇:织梦channelartlist加入当前栏目高亮样式 下一篇:没有了
  • 最新
  • 热门
  • 随便看看