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>

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

示例

加粗文字
示例

加粗文字
示例

加粗文字

哪个浏览器在所有浏览器中都可以正常接受IE 10，它显示如下

示例示例粗体文字
示例示例粗体文字
示例示例粗体文字

所以我只是想知道是否有一种简单的方法可以使用css或某个标签对其进行排序。

非常感谢任何帮助。

Answer 1

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

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

您的代码可能看起来像这样

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

Answer 2

您可以看到this fiddle，其中包含您可以执行的操作的示例。用CSS：

.styling {
    font-weight:bold;
}

和li元素：

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

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

2 个答案: