删除wp-caption的style:width=xx值

在设置图片说明时，wordpress 会根据图片文件的大小自动添加一个宽度值，这可能会打乱你的 css 设置。比如说，我在 style.css 里设置所有图片的最大宽度为 430px (max-width: 430px)，然而我上传一张 480px 的图片并添加图片说明后，wordpress 会在 div class=”wp-caption” 后返回一个”style: width=490px”值。

老实说，我不明白 wordpress 为什么要这么做，因为这个 490px 的宽度已经超出了我整个内容栏的宽度，并且 style element 的值在 style.css 里是无法覆盖掉的，所以它会毫不留情地撑破我的内容栏。

这一设置是 wordpress 自带的，无法通过修改主题文件来解决。删除这一设置的方法如下：

打开 wp-includes/media.php，找到下列代码：

  return '<div ' . $id . 'class="wp-caption ' . esc_attr($align) . '" style="width: ' . (10 + (int) $width) . 'px">'

这行代码会根据图片文件的宽度自动设置一个增加 10px 的宽度值。删除：

style="width: ' . (10 + (int) $width) . 'px"

剩下的部分应该是：

  return '<div ' . $id . 'class="wp-caption ' . esc_attr($align) . '" >'

这样，就可以按照自己的需要在 style.css 里定义 wp-caption 的样式了。