如何在同一个html标头中设置不同的字体大小？答案

【问题标题】：how to set different font sizes in the same html header?如何在同一个html标头中设置不同的字体大小？
【发布时间】：2015-09-08 20:56:53
【问题描述】：

我想创建一个html头如下

"Version1: (10.3.4) vs Version2: (10.3.4)"

我希望版本号小于 "Version1" 和 "Version2" 字样

我该怎么做？

【问题讨论】：

【解决方案1】：

这就是你需要的。无需特殊编码。

&lt;h1&gt;Version1: &lt;small&gt;(10.3.4)&lt;/small&gt; vs Version2: &lt;small&gt;(10.3.4)&lt;/small&gt;&lt;/h1&gt;

【讨论】：

我想用gagawa动态创建这个html 我试过了： H3 h3 = new H3().appendText("BaseLine" + new Small().appendText(globalSettings.blServerVersion) + " vs FreshRun " + new Small().appendText(globalSettings .freshRunServerVersion));我得到：BaseLine com.hp.gagawa.java.elements.Small@68c697ec vs FreshRun com.hp.gagawa.java.elements.Small@1ab4d8f4

【解决方案2】：

将版本号包装在 span 中，并赋予它不同的字体大小。

span {
  font-size: 0.5em;
}

&lt;h1&gt;"Version1: &lt;span&gt;(10.3.4)&lt;/span&gt;  vs Version2: &lt;span&gt;(10.3.4)&lt;/span&gt;"&lt;/h1&gt;

【讨论】：

【解决方案3】：

"Version1:<span style="font-size:10px;"> (10.3.4)</span>  vs Version2: <span style="font-size:10px;">(10.3.4)</span>

【讨论】：