如何调整使用CSS添加的引号符号的边距
如何调整使用CSS添加的引号符号的边距
提问于 2013-01-20 06:37:27
我正在尝试只使用CSS添加引号。这是可行的，但是我想降低引号中的内容。现在看起来是这样的：
HTML：
<p id="quote">This is a quotation.</p>CSS：
#quote {
}
#quote:before {
content: "\201C";
font-family: Garamond, Palatino, Roman, "Times New Roman", serif;
font-size: 36pt;
}
#quote:after {
content: "\201D";
font-family: Garamond, Palatino, Roman, "Times New Roman", serif;
font-size: 36pt;
}还有一台JS Fiddle。
我曾尝试在#quote:before和#quote:after中添加上边距，但这似乎也适用于引号之间的文本(即使我特别添加了零或负上边距)。我还尝试了填充和制作各种元素的内联块。
有没有办法使用CSS将引号向下移动？我宁愿避免更改HTML结构或添加图像，我觉得这应该是可能的。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-01-20 06:45:48
尝试添加：
position: relative;
top: 19px;敬#quote:before和#quote:after。
我还在两个引号中添加了一些填充...
JSFiddle：http://jsfiddle.net/leniel/GAaBT/
Stack Overflow用户
发布于 2013-01-20 06:47:37
原因是您将font-size属性应用于引号而不是文本，这就是引号变大的原因。尝尝这个。
#quote {
font-size:36px;
}
#quote:before {
content: "\201C";
}
#quote:after {
content: "\201D";
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14419637
复制相关文章
相似问题
腾讯云开发者
