Possible Duplicate:
Caption in Page adding unwanted 10px to width
这是一篇帖子的屏幕截图。我已经给了。wp标题为黑色背景,因此可以看到右侧额外的10px边距。顶部的10px边距是有目的的。I don\'t know what is causing the 10px margin on the right and there is nothing else I can find in my code that would create it... I\'ve even eliminated everything in my CSS to rid it of this margin but it still remains.
一种解决方案是将图像宽度设置为100%,但这会在我的帖子中为指定的图像大小添加10个像素,从而使图像水平扭曲10个像素。This problem is only happening with captions, not general images.
您可以在此处看到问题:http://themeforward.com/demo2/sample-elements/
/*////////////////////////////////////////////////////////////////////
// 30. Images
////////////////////////////////////////////////////////////////////*/
img {
border:0;
overflow:hidden;
z-index:5!important
}
#post_content img, p img {
height:auto;
z-index:5!important;
max-width:650px;
margin-top:9px!important
}
#content img {
display:block;
clear:both;
max-width:100%!important
}
/* Images - Aligning */
.aligncenter {
clear:both;
display:block;
margin:0 auto 10px
}
.alignleft {
display:block;
float:left;
margin:0 25px 10px 0
}
.alignright {
display:block;
float:right;
margin:0 0 10px 25px
}
/*////////////////////////////////////////////////////////////////////
// 31. Image captions
////////////////////////////////////////////////////////////////////*/
.wp-caption img {
border:none;
height:auto;
background:#F5F5F5;
max-width:650px!important
}
.wp-caption p.wp-caption-text {
font-size:85%;
padding:0!important;
margin:2px 0 5px!important;
line-height:175%!important;
font-style:italic;
text-align:left
}
.wp-caption { background:#000 }
/* Image Captions */
.alignleft.wp-caption { margin:0 25px 10px 0 }
.alignright.wp-caption { margin:9px 0 10px 25px }
.aligncenter.wp-caption { }