格式div围绕实际文本高度

Question

我正在尝试创建一个tumblr主题，我正在制作引号。我想要一个大的开放引用开始，我有那个工作，但如果你改变字体，开放引用的位置移动。有没有办法将div限制在引号的实际高度？ （现场主题在这里）
Javascript没问题，但如果可能的话，我更喜欢纯粹的html / css解决方案。

提前致谢，
-tlf

Answer 1

我不完全确定您的目的是什么，但听起来最好的选择是将引号标记放在:before和:after sudo-elements中报价的实际高度。这是一个例子：

blockquote {
    position: relative;
    padding: 0 40px;
}
blockquote:before,
blockquote:after {
    display: block;
    position: absolute;
    font-size: 80px;
    color: #c44;
}
blockquote:before {
    content: '\201C';
    top: 0;
    left: 0;
}
blockquote:after {
    content: '\201D';
    bottom: 0;
    right: 0;
    line-height: 0;
}