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

wordpress实现图片居中的css代码

妙菡2023-06-26WordPress教程已有人查阅

导读在很多人使用wordpress的的过程中，总有人会问道这样的问题，为什么我在wordpress编辑器中能够自由控制图片的居左居右居中显示，而且是文字围绕着图片

在很多人使用wordpress的的过程中，总有人会问道这样的问题，为什么我在wordpress编辑器中能够自由控制图片的居左居右居中显示，而且是文字围绕着图片，然而到了前台就无法显示呢？清一色的居左，样式凌乱不堪。

登录wordpress后台，进入wordpress主题编辑器。

在stype.css的最末尾加上如下代码

/*Alignment*/
.alignleft {
   display:inline;
   float:left;
   margin-right:1.625em;
}
.alignright {
   display:inline;
   float:right;
   margin-left:1.625em;
}
.aligncenter {
   clear:both;
   display:block;
   margin-left:auto;
   margin-right:auto;
}

本文标签：

很赞哦！ ()

上一篇：wordpress和dedecms的区别有哪些

下一篇：wordpress自动采集插件的使用步骤

图文教程

相关源码

pbootcms模板(PC+WAP)火锅加盟餐饮美食类带留言源码基于PbootCMS内核深度开发，为火锅、餐饮品牌打造的营销型解决方案。采用红色主题传递行业活力，实现PC与WAP端适配。查看源码
(PC+WAP)茶叶茶艺茶道茶文化pbootcms模网站源码下载本模板基于PbootCMS系统开发，为茶叶企业、茶艺培训机构设计，特别适合展示茶产品、茶道文化等内容。采用响应式技术，确保在不同设备上都能呈现优雅的茶文化氛围。查看源码
(自适应响应式)电子数码科技产品介绍带留言网站模板下载为电子产品企业设计的展示系统，集成智能产品对比器、参数规格表和展示模块。支持消费电子、智能设备等多级分类展示，内置产品技术参数数据库。查看源码
(自适应)平面设计网络工作室个人作品展示网站模板免费下载基于PbootCMS内核开发的响应式网站模板，为设计工作室、创意机构打造的作品展示解决方案。通过模块化布局与极简交互设计，呈现设计作品的视觉细节，支持作品分类、案例解析等多维度展示方式。查看源码
帝国cms7.5淘宝客电商品牌特价带手机站带会员模板下载为电商品牌特价展示设计的帝国CMS模板，集成PC端与移动端双平台适配。采用瀑布流商品布局，支持品牌分类聚合展示，突出特价促销视觉冲击力。查看源码
(自适应)APP应用软件落地页单页推广页网站模板下载基于PbootCMS内核开发的响应式单页模板，为企业产品展示、服务推广等应用场景设计。通过简洁直观的视觉布局与高效的技术架构，帮助用户快速构建专业级落地页面，实现移动端与PC端数据实时同步展示。查看源码