您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程

织梦dedecms文章内容页图片自动居中自适应手机的方法

简务2023-09-17DedeCMS教程已有人查阅

导读发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的HTML5网站,还存在一个图片宽度太宽显示不全的问题.这种情况,在

发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的HTML5网站,还存在一个图片宽度太宽显示不全的问题.
这种情况,在后台上传图片时,如下图,上传成功后,图片宽度默认是图片的真实宽度,可以把他设置为百%,或留空不填,高度也留空不填.
内容页假如这样写法
<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;}
}

本文标签：

很赞哦！ ()

上一篇：织梦后台jpeg格式图片没法上传浏览器中没法查看预览的解决方法

下一篇：dede织梦使用AJAX无刷新提交Form表单PHP返回结果

图文教程

相关源码

(自适应响应式)pbootcms紫色美容整形机构企业模板下载基于PbootCMS内核开发的响应式网站模板，为医疗美容机构、整形医院等企业设计，提供完整的线上展示平台采用紫色系配色方案，整体风格专业大气。模板包含首页轮播、服务项目、专家团队、案例展示等核心模块，能够充分展示医疗美容机构的专业服务和特色优势。查看源码
pbootcms模板(自适应)花店鲜花花卉园艺网站源码一款基于PbootCMS内核开发的花店鲜花配送与花卉园艺企业网站模板。该模板采用响应式设计，自动适配手机、平板等移动设备，确保用户在任何设备上都能获得优质浏览体验。查看源码
(带手机版)绿色生态农业种植农产品网站pbootcms源码下载本模板基于PbootCMS内核开发，为生态农业企业量身打造，适用于农业种植、有机农场、农产品电商等业务场景。模板设计充分体现绿色环保理念，突出农业特色，同时保持简洁大气的视觉效果，帮助农业企业建立专业形象。查看源码
(自适应)html5导航目录索引工具类网站源码下载本模板基于PbootCMS开发，为站长导航、网址导航类网站设计。采用HTML5+CSS3技术构建，适配PC端和移动端，提供流畅的浏览体验。适用于个人站长、资源导航平台等场景查看源码
(PC+WAP)蓝色智能环保机械设备网站营销型pbootcms模板下载本模板基于PbootCMS系统开发，为环保设备制造企业设计，特别适合展示环保机械、智能装备等产品。采用响应式技术，确保各类设备参数和技术方案在不同终端上都能清晰展示。查看源码
(自适应)餐具英文外贸生活用品带下载功能网站模板免费下载为餐具及生活用品外贸企业打造的响应式网站模板，基于PbootCMS内核开发。突出产品展示与多语言支持特性，通过自适应设计确保更好客户在手机、平板、电脑等设备上获得一致浏览体验。查看源码