0

我正在尝试将 css 编辑到我的页面，更具体地说，我的块引用图标似乎不正确。好吧，为了在高度上显示 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;}
4

2 回答 2

0

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

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

于 2015-01-02T21:52:46.413 回答
0

我知道您将其视为错误，但我认为，从设计的角度来看，当只有一条线时，报价图形被切成两半看起来非常时尚。

我的意思是，我不知道这张图片最终会在哪里结束，但如果我站在你的立场上，我会保持原样。

于 2015-01-02T22:23:48.937 回答