纯CSS控制WordPress文章中图片显示大小

  • 8
  • 105 views
  • A+
所属分类:游戏工具

纯CSS控制WordPress文章中图片显示大小 纯CSS控制WordPress文章中图片显示大小  
如何让 wordpress 文章中图片看起来协调一致呢,陌小雨之前想了很多办法,最后发现原来用简单的 css 就可以搞定了,下面这串代码可能不兼容一些主题,但是 xiu 主题的话,你就放心大胆的 copy 吧。(这也是我选择 xiu 主题的原因啦,很多代码都是没有问题的。)

  1. .article-content img {max-width: 400px}
  2. .article-content img {
  3. zoom:expression( function(elm) {
  4. if (elm.width>400) {
  5. var oldVW = elm.width; elm.width=400;
  6. elm.height = elm.height*(400 /oldVW);
  7. }
  8. elm.style.zoom = '1';
  9. }(this));
  10. }

加入后文章中的图片大小就看起来整齐,美观啦,如果再配上xiu 主题专用图片暗箱插件,立马就高大上了。

weinxin
微信客服24小时在线,扫一扫添加好友解除疑惑
@花草哥@

发表评论

您必须登录才能发表评论!

目前评论:8   其中:访客  4   博主  4

    • xiaomage xiaomage Admin

      的共同呵护你突然感到返回南京

      • xiaomage xiaomage Admin

        这个看起来真的不错

        • xiaowang xiaowang 2

          用PS制作立体感强的透明水印文字 :cool:

          • xiaomage xiaomage Admin

            你很好啊 问哦看着

            • xiaowang xiaowang 2

              而天和日特核桃仁和突然好威尔敢贴我如果台湾人给他

              • 柳暗花明 柳暗花明 1

                我怎么评论不见

                • 柳暗花明 柳暗花明 1

                  现在可以评论了吧