css行高和字体大小的行为

时间:2014-03-25 03:10:57

标签: html ckeditor font-size css

我试图弄清楚为什么这段代码(http://jsfiddle.net/konark/5JuJc/)在CkEditor(以及JSFiddle)和任何Web浏览器中呈现不同。 我需要在单独的span标签下的行高和字体大小。 span标签的顺序不会改变Web浏览器中呈现的文本。但是,它确实改变了CKEditor(JSFiddle)中的结果。

我意识到CkEditor / JSFiddle包装了iframe中的代码,但我无法找到行为差异的具体原因。

以下是我试图在浏览器和JSFiddle中测试的两个部分:

<body> 
  <span style="line-height:8pt;">
    <span style="font-size:34pt;">
      <span style="color:#008000">This is a sample text. It will change its appearance based on your style selections.
      </span>
    </span>
  </span>
<br />
<br />
<br />
<span style="font-size:34pt;">
  <span style="line-height:8pt;">
    <span style="color:#008000">This is a sample text. It will change its appearance based on your style selections
    </span>
  </span>
</span>

任何想法都非常感激。谢谢!

0 个答案:

没有答案