我正在寻找一种方法，当“line-height”元素小于元素“font-size”属性时，在“display：inline”元素上应用“line-height”属性。
这里有一个例子：http://codepen.io/anon/pen/EVywyz
在这个例子中你可以看到我现在拥有的东西，我希望得到的结果以及我已经测试过的东西。
html代码是通过php生成的，包含my spans元素的容器没有固定的宽度，而且，跨度可以通过多种方式生成：
<p>
<span>Some text</span><br>
<span>Some text</span>
</p>
或
<p>
<span>Some text</span><span>Some texte 2</span>
</p>
=＆GT;正如你在我的“codepen.io”例子3中看到的那样，它无法正常工作，因为它会改变全局显示
=＆GT;每个容器都可以有多个跨度，我不想对所有这些跨度应用特定的行高，你可以在案例4中看到它将给出的内容。
此外，生成的html在wysiwyg编辑器中使用，所以我正在寻找一个解决方案，我不必使用“div”或“浮动元素”（如果可能，但说实话，任何解决方案都会受到欢迎）
如果您有任何想法，请随时回答，
此致