内联元素行高（span）

Question

是否有任何机会（我不介意肮脏的邪恶伎俩）让线高处理内联元素，如＆lt;跨度＆gt;？我知道我的JSFiddle将使用另一个doctype，但由于我使用了很多html5元素，所以这是不可能的。此外，我不能使用内联块，因为tinyMCE为每一行添加了一个跨度。

这是一个小问题： http://jsfiddle.net/BE7Cz/2/

ps：我需要这个案例： 在我的主题（wordpress）中，我添加了tinyMCE的功能，用户可以更改行高和字体大小。使用一个小脚本我随后用jquery更改内联样式到类名，我可以做出响应。除了内联行高

的问题之外，这很有用

$('.wysiwyg p span').each(function() {
    $(this).addClass('font-size-' + $(this).css('fontSize'));
    $(this).addClass('line-height-' + $(this).css('lineHeight'));
}); 

如果线高总是大于我的身体线高，那就没问题了，但事实并非如此。

非常感谢任何帮助。非常感谢！ ：）

祝福， 麦克

Answer 1

span元素是内联元素。您必须在您的样式中添加“display：inline-block”。