2014-02-06 55 views
0

是否有任何机会(我不介意肮脏的邪恶技巧),以获得内联元素的行高度工作,如< span>?我知道我的JSFiddle可以与其他文档类型一起工作,但这是不可能的,因为我使用了很多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')); 
}); 

问题的伟大工程,它不会是一个probleme如果行高总是比我的身体的line-height大但那并非如此。

任何帮助真的很感激。非常感谢你们! :)

祝, 麦克

+0

我看不出你的小提琴有什么问题。 'line-height'属性将应用于每个规范的*所有元素*。 –

+0

添加显示:内联块到你的跨度风格。好的信息:http://stackoverflow.com/questions/11829393/why-the-spans-line-height-is-useless –

+0

你可以调整tinyMce添加一个类到你的范围,任何如何,在主CSS你可以set span {display:inline;/* vertical-align:除neede之外的其他内容* /;} –

回答

0

跨度元件是内嵌元素。你将不得不添加“display:inline-block”到你的跨度风格。