您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程
织梦dedecms文章内容页图片自动居中自适应手机的方法
简务2023-09-17DedeCMS教程已有人查阅
导读发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的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;}
}
感谢您的认可和支持
微信
支付宝
本文标签：
很赞哦！ ()
相关教程
图文教程
dedecms织梦搜索页怎么调用arclist标签
打开include/arc.searchview.class.php查找：require_once(DEDEINC."/taglib/hotword
织梦dedecms根目录移动到子目录的步骤方法
近日碰到一个棘手问题，DEDECMS原来的数据全是默认在要根目录下设置上传的，但更换了后却面目全非，现在要把该网站更换到子目录下
dedecms5.7栏目列表页优化技巧
1.增加新字段；2.修改栏目列表页面模板。3.设置相关栏目typetitle，typeinfo两个字段。重新生成该栏目列表页即可。
DedeCMS添加FLV视频的方法，DedeCMS支持播放FLV视频的方法
DedeCMS默认不支持播放flv视频播放的。修改方法：1、打开/include/FCKeditor/editor/dialog/dede_media.h
相关源码
-
(PC+WAP)蓝色电缆桥架五金钢结构机械PbootCMS模板下载采用PC与WAP双端适配设计，满足桌面设备和移动端访问需求。专注服务于电缆桥架、钢结构及五金机械制造领域，通过结构化布局展示产品特性与技术参数，后台数据一体化管理提升内容维护效率。查看源码 -
(自适应)证书授权书防伪查询系统pbootcms模板本模板基于PbootCMS系统开发，为各类证书查询机构设计，可快速构建高效安全的证书核验平台。采用响应式布局技术，自动适配手机端操作，支持批量导入证书数据，提供便捷的查询接口，满足机构证书管理及用户在线核验需求。查看源码 -
pbootcms响应式蓝色旅游旅行社pbootcms网站源码下载为旅游公司、旅行社定制的响应式网站模板，聚焦旅游线路展示、景点推荐及预约服务场景。采用PbootCMS内核开发，自适应技术确保PC与手机端数据实时同步查看源码 -
(响应式)wordpress模板VieuV4.5主题资讯自媒体博客源码Vieu主题专注于个人博客与企业展示场景，采用响应式设计确保在手机、电脑、平板等多设备上的展示。主题集成会员中心、投稿系统、内容保护等实用功能，满足现代博客网站的建设需求。查看源码 -
(响应式H5)帝国cms7.5文章新闻博客模板带会员中心本模板基于帝国CMS内核开发，为新闻资讯、个人博客及作品展示类网站设计。采用响应式布局技术，确保在手机、平板和电脑等不同设备上都能获得良好的浏览体验。查看源码 -
(响应式)蓝色智能摄像头安防防盗电子设备免费pbootcms源码下载这是一款针对智能安防行业特点设计的网站模板，采用蓝色系配色方案，体现科技感和安全性。模板包含产品展示、解决方案、技术支持和新闻中心等核心模块，能够全面展示智能安防设备的技术特点和行业应用。查看源码
| 分享笔记 （共有 篇笔记） |
