CSS显示器挠性打破布局

Question

我使用Flex属性我自定义引用文字，这里的演示：当我在它使用纯文本

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

，一切工作正常。但是，当我添加或
布局是不是很好:)我做了一个临时修复通过使用显示：块，但然后我的图标：在伪元素不垂直对齐之前，我需要此图标在中间

blockquote { 
    display:flex; 
} 

试图解决这一问题的最后2天

Answer 1

你的演示是有点混乱，但我可以告诉你，这是不是一个很好的使用情况Flexbox layout。它不适用于这样的事情。更好地使用旧的方法，如floats,absolute positioning等。您需要在blockqoute的某些block-level box内包装您的内容以触发flexbox layout的正确行为。 HERO更新DEMO：http://jsfiddle.net/pumZH/4/ 这是你想要的吗？