LinMinquan's Blog

Experience technology to change life

WordPress插入的图片太长

我Wordpress用的主题是Twenty Ten,图床是Cloudup。插入图片时,如果图片太长的话,会导致图片超出文本范围。像下图这样。

2016 11 27 7 48 23

解决办法就是去改TwentyTen主题的代码,

.entry-content a img{
    width: inherit;
    height: auto;
    max-width: 640px;
}

2016 11 27 7 44 06

 

==========2017-10-11更新=================

最近发现比较长的图片还是会超过博客的内容区域。我猜测可能是主题更新后覆盖了原先我修改的代码,所以就失效了。只好针对新的主题中的CSS代码再次修改。但发现按原来的改法已经无效了。

在Chrome中打开有问题的网页,进入开发者模式。按下图操作,即可找到控制图片的CSS代码。原来的代码中只有一行border,我多加了三行。

a img {
    border: none;
}
a img {
    border: none;
    width: 100%;
    max-width: 640px;
    height: auto;
}

TIM 20171011152400

进入wordpress后台Dashboard,在Appearance的Editor中,可以找到该主题的CSS代码。

另外改完后,还需要强制刷新网页(Ctrl + F5)才能看到改完后的效果。


Share