您现在的位置是：首页 > 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模板免费下载为工商代理、财务会计服务企业设计的网站模板，基于PbootCMS开发，充分考虑了企业服务行业的展示需求与客户转化路径。设计风格专业严谨，布局清晰合理，呈现企业服务内容与专业优势。查看源码
(PC+WAP)蓝色钢结构机械五金工程建筑基建营销型pbootcms模板下载于PbootCMS开发的钢结构与工程机械专用模板，助力企业构建专业级产品展示平台；模板内置工程案例展示、产品参数对照表等专业模块，预设项目进度、施工方案等建筑行业专属栏目查看源码
(自适应响应式)蓝色勘察设计院机构单位商会协会pbootcms模板下载本模板基于PbootCMS系统开发，为勘察设计院所、工程咨询单位设计，特别适合展示设计成果、技术服务和项目案例。采用响应式技术，确保设计图纸和方案以及文案在不同设备上都能清晰展示。查看源码
pbootcms模板(PC+WAP)微信小程序开发公司网站本模板为微信小程序开发代理、软件开发公司等企业设计，基于PbootCMS内核开发，支持PC+WAP双端响应式布局，数据实时同步，适用于多行业快速建站。查看源码
(自适应响应式)双语LED照明灯饰灯具外贸网站pbootcms源码下载模板采用响应式设计，能自动适应手机、平板和电脑等多种设备屏幕，确保用户在不同设备上都能获得良好的浏览体验。同一后台管理，数据实时同步，操作简便高效。查看源码
pbootcms网站网络公司个人作品展示类网站源码(自适应)为网站建设公司、网络服务企业打造的响应式门户解决方案，基于PbootCMS内核深度开发。采用前沿自适应架构，无缝适配手机端交互与PC端展示需求。查看源码