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

wordpress实现图片居中的css代码

妙菡2023-06-26 23:09:17WordPress教程已有33人查阅

导读在很多人使用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;
}