css 显示 flex 破坏了布局

Question

我正在为我的自定义 block 引用使用 flex 属性，这里是演示:

http://jsfiddle.net/buda9/pumZH/3/

当我在其中使用纯文本时一切正常。但是当我添加或
布局不是很好时 :) 我通过使用 display: block 做了一个临时修复，但是我在 :before 伪元素中的图标不是垂直对齐的，我需要这个图标在中间

blockquote {
    display:flex;
}

最近 2 天尝试解决此问题

Answer 1

您的演示有点令人困惑，但我可以告诉您，这不是 Flexbox 布局 的好用例。它不适用于这样的事情。最好为此使用旧方法，例如 floats、absolute positioning 等。您需要将您的内容包装在某个 block 级框 中的 blockqoute 中，以触发 flexbox 布局 的正确行为。英雄已更新演示:http://jsfiddle.net/pumZH/4/这是你想要的吗 ？