您现在的位置是：首页 > 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自动采集插件的使用步骤

图文教程

相关源码

(PC+WAP)楼承板建筑工程合金钢铁材料pbootcms网站源码下载为楼承板生产商及建筑工程企业设计的响应式网站模板，采用PbootCMS内核开发，同步适配电脑与移动设备浏览。通过模块化结构展示工程案例、产品参数等专业内容，帮助建筑建材企业建立标准化数字展示平台，提升行业专业形象。查看源码
(自适应)五金配件机械蓝色营销型pbootcms模板免费下载基于PbootCMS的工业配件展示系统，精简DIV+CSS架构确保响应速度，自适应设计呈现参数表格，支持后台实时更新产品规格、在线留言等内容。查看源码
(自适应响应式)电子数码科技产品介绍带留言网站模板下载为电子产品企业设计的展示系统，集成智能产品对比器、参数规格表和展示模块。支持消费电子、智能设备等多级分类展示，内置产品技术参数数据库。查看源码
帝国CMS7.5二次元COS漫展网站模板源码免费下载本模板基于帝国CMS 7.5版本深度开发，为二次元文化分享领域设计。采用UTF-8编码，支持中文内容展示，特别适用于COSPLAY作品展示、漫展信息发布等二次元相关内容的网站建设。模板结构清晰，布局合理，充分考虑了二次元用户群体的浏览习惯和审美需求。查看源码
(响应式H5)帝国cms7.5文章新闻博客模板带会员中心本模板基于帝国CMS内核开发，为新闻资讯、个人博客及作品展示类网站设计。采用响应式布局技术，确保在手机、平板和电脑等不同设备上都能获得良好的浏览体验。查看源码
响应式艺考培训学校机构pbootcms模板html5源码基于PbootCMS免费开源内核开发，为艺考培训学校与艺术机构设计，替换图文即可快速适配全行业需求。响应式布局兼容手机/PC端，数据实时同步，运维效率提升300%。查看源码