您现在的位置是:首页 > 教程 > 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;
}
本文标签:
很赞哦! ()
相关文章
随机图文
-
实现WordPress图片防盗链的方法
如果您的博客有很多很多图片,空间又有流量限制,那么防止别人盗取自己的图片链接应该说是势在必行了,因为在国内 -
thinkphp和wordpress有什么区别
简言之,thinkphp和wordpress区别就是:一个是博客系统,功能都是现成的直接使用。一个是框架,提供基本构架,功能很少,做后期开发的。 -
WordPress后台文章编辑器添加下拉式短代码选择的方法
虽然WordPress 5.0之后的默认编辑器已成为块编辑器,但个人更喜欢经典编辑器。 所以继续改造经典编辑器! -
WordPress文章标题链接添加正在加载中的提示
本文实例讲述了WordPress文章标题链接添加正在加载中提示的方法。分享给大家供大家参考。具体分析如下:
留言与评论 (共有 条评论) |