html - 如何制作:before content vertically centered?

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
}