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

wordpress实现图片居中的css代码

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

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

 

本文标签:

很赞哦! ()

留言与评论 (共有 条评论)
验证码:

相关标签