您现在的位置是：首页 > 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内核深度开发。采用前沿响应式架构，适配手机端与PC端浏览体验查看源码
(PC+WAP)中英双语户外用品帐篷装备pbootcms网站模板下载这款基于PbootCMS开发的中英文双语模板专为户外装备行业设计，适配PC和移动设备。模板采用现代化设计风格，突出户外产品的功能性和实用性，帮助企业建立专业的国际化展示平台。查看源码
(PC+WAP)蓝色玻璃纤维制品环保设备营销型pbootcms模板源码下载这是一款针对玻璃纤维行业特点设计的网站模板，采用蓝色系配色方案，体现工业感和环保理念。模板包含产品中心、应用案例、技术支持和新闻动态等核心模块，能够全面展示玻璃纤维制品的技术参数和应用场景。查看源码
(自适应)调节阀门气动球阀控制阀网站模板源码下载为调节阀门、气动球阀等工业设备企业打造的响应式网站模板，基于PbootCMS系统开发。突出产品参数展示与技术文档管理功能，通过专业化的布局设计有效呈现工业设备特性，适配各类终端访问需求。查看源码
(PC+WAP)地暖热水器烘干机节能设备网站模板下载为地暖热水器及节能设备企业设计的PbootCMS网站模板，集成产品展示、节能方案介绍、技术参数说明等专业模块。采用PC与移动端同步响应架构查看源码