html - 如何使 :before 内容垂直居中？

Question

我想让:before内容垂直居中，并且我希望里面的所有文本blockquote都填充到:before内容的右侧。

http://jsfiddle.net/m3jEH/

我尝试更改height,line-height和min-height，但这些都不允许我垂直居中并填充内容（我希望这适用于内容可能的任何长度）

Answer 1

试试这个（如果我理解正确的话）：

blockquote {
 background-color: #fcc;
 padding: 20px 20px 20px 60px;
 margin: 30px;
 position: relative
}

blockquote::before {
 content: '{ }';
 color: #b8a08e;
 text-shadow: 0 1px #412917;
 font-size: 30px;
 font-weight: bold;
 position: absolute;
 top: 50%;
 left: 15px;
 margin-right: 12px;
 margin-bottom: 12px;
 min-height: 100%;
 height: 100%;
 margin-top:-25px
}