您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
织梦dedecms文章内容页图片自动居中自适应手机的方法
简务2023-09-17 21:49:45dedecms教程已有人查阅
导读发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的HTML5网站,还存在一个图片宽度太宽显示不全的问题.这种情况,在
发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的HTML5网站,还存在一个图片宽度太宽显示不全的问题.
这种情况,在后台上传图片时,如下图,上传成功后,图片宽度默认是图片的真实宽度,可以把他设置为百%,或留空不填,高度也留空不填.
内容页假如这样写法
<div class="detail"> 这里是内容及图片</div>
cs样式可以如下写法.如果担心在电脑上浏览时,图片过大撑破页面,可以增加一个类似这种样式
这种情况,在后台上传图片时,如下图,上传成功后,图片宽度默认是图片的真实宽度,可以把他设置为百%,或留空不填,高度也留空不填.
内容页假如这样写法
<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: 百%;height: auto;width: auto\9;}
}
本文标签:
很赞哦! ()
相关文章
随机图文
dedecms5.7自定义表单制作和调用办法教程
在很多建站需求中,需要一些额外的表单供前台用户提交,以便于收集、统计、分析及处理更多的数据,比如:在线订单、在线报名等一些常见的互动应用dede织梦发布文章时默认作者和来源的修改方法
dedecms 发布文章时,默认的来源是未知,默认的作者是admin(即发布文章帐号的ID),有时候我们忘记填写了,再返回去修改,很有些烦人。按照下面的修改方法织梦发布的文章显示红色日期或加上new字或new小图片
给近三天(或当天)发布的文章显示红色日期或加上new字或new小图片等。都是围绕pubdate做文章,写扩展的。第2、3要注意的问题是:如:"中不能用双引号,否则不行。
dedecms织梦SEO如何优化“上一篇”文章字样
最近在制作DedeCMS模板的工作中遇到这样的一个问题,那就是出于SEO的考虑想在DedeCMS织梦的文章详细页中,为“上一篇下一篇”文章的锚链接添加 rel 属性。
留言与评论 (共有 条评论) |