Blockquote图标似乎没有更大的宽度

时间:2015-01-02 21:49:54

标签: html css blockquote

我试图将css编辑到我的页面,更具体的我的blockquote图标似乎不对。 为了显示100%的高度,我必须至少记下2行blockquote。否则,它会显示50%的图标。以下是示例http://jsfiddle.net/pbdy08bn

如果拖动结果窗口以获取一行注释,则图标显示为一半。 2线以上很好。

有人可以帮忙吗?

提前致谢。

块引用的css在这里

.blockquote{line-height:1.3em;font-style:italic}
.blockquote{margin: 15px 30px 0 10px;
padding-left: 60px;
background: url('http://4.bp.blogspot.com/_8tkQy1JVYgQ/S5y1DkIn5mI/AAAAAAAAAx4/74l13qOuWvc/s1600/quote.gif') top left no-repeat;
}
.blockquote p{
margin: 5px 0 0;
display: block;}

2 个答案:

答案 0 :(得分:0)

您可以使用background-size缩小图像。另一种方法是向包含元素声明min-height,以便高度永远不会低于blockquote图像的高度。

这可以在你的情况下工作吗? http://jsfiddle.net/pbdy08bn/1/

答案 1 :(得分:0)

我知道你将此视为一个错误,但我认为,从设计的角度来看,当只有一条线看起来非常时尚时,引用图形会减少一半。

我的意思是,我不知道这张图片最终会在哪里出现,但如果我在你的鞋子里,我会保持原样。