如何在不影响其他浏览器的情况下将 a <br/> 添加到 IE 10

Question

嗨，我

确定有一个简单的方法可以做到这一点，但我只是找不到我想要的东西。我的问题是我有一个如下所示的有序列表代码。

<ol>
     <li>Identification code of product type   </li>
     <b> WC flushing cistern - Class 2</b>
     <li>  Serial number allowing identification of the construction product as required under article 11(4):  </li>
     <b>   PACWHB313397</b>
     <li>Intended use in accordance with the applicable harmonised standard, as foreseen by the manufacturer   </li>
     <b>Personal Hygiene</b>
     <li>Name,  and contact address of manufacturer as required under article 11(5):           </li>
     <b>   Thomas Dudley Limited, 295 Birmingham New Road, Dudley, West Midlands, United Kingdom, DY1 4SJ  </b>
     <li>Where applicable, Name and contact details of representative who's mandate covers tasks specified in article 12(2):</li>
     <b>N/A</b>
     <li>System or Systems of assessment and verification of constancy of performance of the construction product as set out in CPR, annex V:</li>
     <b>   System 4</b>
     <li>Applicable Standards, In case of the declaration of performance concerning a construction product covered by a harmonised standard</li>
     <b>BS EN 14055:2010 WC and Urinal Flushing Cisterns (Class 2)</b>
     <b>BS 6920-2.1:2000 Suitability of non-metallic products for use in contact with water intended for human consumption.</b>
     <b>BS 1212-3:1990 Diaphragm type float operated valves (plastic bodied) for cold water services only (Excluding Floats)</b>
</ol>

现在在火狐中它显示正确，例如它应该看起来像这样

示例

1. 示例

   此处为粗体文本

示例

2. 示例

   此处为粗体文本

示例

3. 示例

   此处为粗体文本

在所有浏览器中都可以正常工作，接受IE 10，它像这样显示

示例

1. 示例此处的粗体文本

示例

2. 示例此处的粗体文本

示例

3. 示例此处的粗体文本

所以我只是想知道是否有一种简单的方法可以使用 css 或某个标签来解决这个问题。

任何帮助将不胜感激。

Answer 1

看看这个小提琴 http://jsfiddle.net/Lcy2L/

元素中只能有<li>元素。您应该将所有内容放在<li>中，并插入<br />和<b>或其他标签以在<li>中格式化您的内容。

您的代码可能如下所示

<ol>
    <li>
        Content<br />
        <b>Comment</b>
    </li>
</ol>

Answer 2

你可以看到这个小提琴，包含你可以做什么的例子。

.styling {
    font-weight:bold;
}

和 li 元素：

 <li>Identification code of product type
        <br><span class="styling"> WC flushing cistern - Class 2</span>
    </li>