现在的位置: 首页 > Wordpress > WP技巧 > 正文
关于 WordPress 插入的图片居中问题
2012年08月06日 WP技巧 ⁄ 共 608字 评论数 39 ⁄ 被围观 10,780+

出于美观考虑,相信很多人在 WordPress 中插入图片时,都会选择居中显示,而且这也是 WordPress 本身自带的功能。例如我们要插入一张图片,只需单击编辑区上端的上传或插入右侧的“添加媒体”按钮即可,图片插入后,便可选择对其方式,左、中、右均可。

picture-middle

虽然如此设置了,但很多时候我们并不能看到预期的效果,也就是说图片显示并没有居中,依旧是左侧对齐。问题出现在什么地方呢?查看 WordPress 插入的图片代码就会发现,可能起作用的代码只能是“class=‘aligncenter’”,很明显按常理的话,这样的 css 控制码是可以控制图片居中的,但现在却没起到作用,唯一的原因就是 WordPress 当前主题的样式表(style.css)没有对“aligncenter”这个参数定义。

问题的症结找到了,解决的方法也就很简单了,只需在主题样式表(style.css)文件中添加如下的代码即可:

.aligncenter{display:block;margin-left:auto;margin-right:auto;}

类似的,对于要居左显示或者居右显示,只要添加如下的代码即可:

.alignleft {float:left;}
.alignright {float:right;}

问题虽简单,但以前确实一直木有发现,因为多数主题已经集成此功能,以致自己也渐渐变得懒惰了。现记录之,共享,共勉。



目前有 39 条留言 其中:访客:39 条, 博主:0 条

  1. 蜜诗贝 : 2012年08月06日20:56:38  11楼

    谢谢,很好的经验分享,回去赶紧试试去。


    • 管理员
      admin : 2012年08月07日13:12:08  地下1层

      应该的。。。

  2. derrick : 2012年08月06日22:11:54  12楼

    有学会了一招。。。我说以前怎么搞的不居中,原来如此。。。!!!


    • 管理员
      admin : 2012年08月07日13:01:01  地下1层

      呵呵 我也是不久前发现的

  3. ztyhome : 2012年08月06日22:59:10  13楼

    恩 是有这样的情况,不过影响不大,我都忽略了


    • 管理员
      admin : 2012年08月07日13:02:42  地下1层

      额 有些人比较在意的 比如说我

  4. 好玩 : 2012年08月07日09:16:08  14楼

    以前从来不看这些技术类的东西,因为怕怕,现在觉得有意思了,自建博客确实有很多可学的东西。


    • 管理员
      admin : 2012年08月07日13:02:20  地下1层

      这就是知己建站的乐趣啊

  5. myfeng : 2012年08月07日10:21:11  15楼

    以前还真是没怎么注意..又学会一招…


    • 管理员
      admin : 2012年08月07日13:01:24  地下1层

      爱分享 爱分文。。。

  6. 刘印博客 : 2012年08月07日13:19:42  16楼

    一般是CSS里没写代码,国内模板出现这个问题的比较多!


    • 管理员
      admin : 2012年08月07日13:22:13  地下1层

      一般主题里都不写这个 因为这是wp自身的参数 而主题作者 一般考虑不到这个

  7. 等待思索 : 2012年08月08日19:22:25  17楼

    咱们的主题本来有自带的,哈哈!!!


    • 管理员
      admin : 2012年08月08日19:37:50  地下1层

      额 是的 鸟兄还是很强大的 主题已经更新了 但一直没敢升级啊 自己改的东西都忘记了

  8. 好运鞋网 : 2012年08月11日14:19:03  18楼

    再学一招,要学的东西太多了。一点一点进步吧。慢慢就成高手了。


    • 管理员
      admin : 2012年08月11日18:22:09  地下1层

      是啊 一天进步一点

  9. 沁园春 : 2012年08月23日15:10:42  19楼

    我说我一直选择的是居中,但显示的是左对齐。。。。


如果觉得文章或者网站对您有帮助请点击 向TA付款 捐赠作者或者点击下面的分享按钮支持作者

更多

给我留言

留言无头像?

无觅相关文章插件,快速提升流量

×