您现在的位置是：首页 > 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模板下载为办公家具企业设计的响应式网站模板，涵盖产品展示、案例呈现、企业介绍等核心模块。通过可视化后台可快速发布实木桌椅、系统家具、办公屏风等产品信息，帮助客户直观了解材质参数与空间搭配方案。查看源码
(自适应)WordPress主题SEO自媒体博客资讯模板RabbitV2.0Rabbit v2.0主题专注于网站搜索引擎优化需求，为博客、自媒体及资讯类网站提供专业的SEO技术解决方案。该主题从架构设计到功能实现均围绕搜索引擎优化理念展开。查看源码
(自适应)营销型健身器材产品设备类pbootcms模板网站为健身器材企业打造的营销型网站模板，基于PbootCMS开源内核开发。采用HTML5响应式架构，PC与移动端数据实时同步，适配多终端展示场景。查看源码
(自适应响应式)蓝色勘察设计院机构单位商会协会pbootcms模板下载本模板基于PbootCMS系统开发，为勘察设计院所、工程咨询单位设计，特别适合展示设计成果、技术服务和项目案例。采用响应式技术，确保设计图纸和方案以及文案在不同设备上都能清晰展示。查看源码
(自适应)挖掘机大型采矿设备pbootcms网站源码下载本模板基于PbootCMS系统开发，专为重型机械设备行业设计，特别适合挖掘机、采矿设备、工程机械等工业设备展示。采用响应式布局技术，确保各类设备参数和图片在不同终端上都能清晰展示。查看源码
(PC+WAP)历史复古古典古籍文章资讯类pbootcms模板下载本模板基于PbootCMS系统开发，为古籍研究、历史文献类网站设计，特别适合展示古典书籍、历史档案等文化内容。采用复古风格设计，同时具备现代化响应式布局，确保在PC和移动设备上都能呈现优雅的阅读体验。查看源码