WordPress技巧:为文章内图片限定宽度 – 千丝海阁

首页 » Wordpress » WordPress技巧:为文章内图片限定宽度

WordPress技巧:为文章内图片限定宽度

4344 17

上一篇文章《WordPress技巧:为正文内图片添加边框和阴影效果》中由于插入了大量截屏图片做示范,因此也被细心的读者发现了另一个问题,该问题由电脑爱好者之家从良未遂发现,就是图片由于宽度过宽,正文中显示不全,问题截图如下:
图片过宽
现已修复,感谢上面细心的两位指出。

修复办法有两种:
1.直接修改文章内插入图片的尺寸,设置width属性为600(针对本站主题的宽度)。
2.修改主题式样,调整entry a img属性,加上

max-width:600px;
width: expression(this.width > 600 ? "600px" : auto);

推荐有能力的朋友用第2种方法,一劳永逸。

文章评分1次,平均分5.0

本文原始地址:https://www.tiandiyoyo.com/2013/05/how-to-limit-image-width/
本站所有文章,除了特别注明外,均为本站原创,转载请注明出处来自www.tiandiyoyo.com

您可能还会对以下文章感兴趣:

    没有相关的文章

评论前先开启评论开关:


17 Comments

  1. 设置width属性为600,高也会相应变化?

  2. 我每次都是在图像的高级选项里直接设置图像的像素的。

  3. 对予刚刚开始学建站的朋友们 可以看看

  4. 嘿嘿,这两个小技巧我也懂。我还写过《为什么IE看不到图片而火狐却可以?》,就因为没有设置默认宽度导致

  5. 同种方式应该测试一下是否支持数字的截断,按说给text属性也是可以的

  6. Rilun :

    介个开关有点意思的说 不过有点太大鸟 敢不敢小巧一点

  7. 技术站,支持一下

  8. 是,我也用的这个方法

  9. 南寻 :

    我是每次都剪裁图片,改为600px,虽说有点麻烦。。

  10. 话说使用中文作为连接,地址老长:
    本文原始地址:http://www.tiandiyoyo.com/2013/05/wordpress%e6%8a%80%e5%b7%a7%ef%bc%9a%e4%b8%ba
    %e6%96%87%e7%ab%a0%e5%86%85%e5%9b%be%e7%89%87%e9%99%90%e5%ae%9a%e5%ae
    %bd%e5%ba%a6/
    在你的站都超出界面,导致浏览器底部出现滚动条了

    • tiandi :

      这文章我设置自动发布的时候忘改链接了,用了中文的,正好发现你的评论由于超链超长,排版好像也有问题。等下找找评论是不是只有URL超链才会超出正文宽度

  11. 方法2连IE6都照顾到了,呵呵

载入分页评论...