IE 8忽略<br/>或<br/>标签

Question

我有类似的东西

这些列的内容（每列的中间框）将从服务器生成，因此我不知道它们有多少行。此设计将在许多页面中重复，其中一些页面的列数较少，因此我需要为这些列的宽度添加一个类。

有些列的样式与右边的第二列不同 - 它有红色标题，底部有一点边距。

我需要计算任何类型数据的所有可能性，这是我的代码：

    <ul class="col styleCol5">
                        <li class="col5">
                            <h2 class="col5Header colHeader"><span>خلاصه محصول</span></h2>
                            <div class="col5Content colContent">
                                <span><span class="red">1.</span> نیازمند یک وکیل و کارگزار متخصص و امین جهت سرمایه‌گذاری وجوه خود و بهره‌مندی از عواید حاصل از این سر‌مایه‌گذاری می‌باشید.</span>
                                <br>
                                <span><span class="red">2.</span> به دنبال سپرده‌گذاری در حالت‌های مختلف و شرایط متنوع هستید.</span>
                            </div>
                            <div class="col5More colMore">
                                <span><a href="javascript:void">بیشتر</a></span><a href="javascript:void(0)"></a>
                            </div>
                        </li>

                        <li class="col5">
                            <h2 class="col5Header colHeader"><span>شرح کامل محصول</span></h2>
                            <div class="col5Content colContent">
                                <span class="red closedTitle">یک فرصت سرمایه گذاری بدون ریسک با بالاترین سود علی‌الحساب</span>
                                <span>سپرده‌سرمایه‌گذاری رویان مهر یکی از مجموعه سپرده‌های سرمایه‌گذاری مؤسسه مالی و اعتباری مهر است که ...</span>
                            </div>
                            <div class="col5More colMore">
                                <span><a href="javascript:void">بیشتر</a></span><a href="javascript:void(0)"></a>
                            </div>
                        </li>

                        <li class="col5">
                            <h2 class="col5Header colHeader"><span>نرخ سود</span></h2>
                            <div class="col5Content colContent nerkh">
                                <span>مشاهده جدول مقاطع زمانی دریافت سود در سپرده رویان مهر...</span>
                                <span class="table"><a href="javascript:void(0)">جدول نرخ سود</a></span>
                            </div>
                            <div class="col5More colMore">
                                <span><a href="javascript:void">بیشتر</a></span><a href="javascript:void(0)"></a>
                            </div>
                        </li>

                        <li class="col5">
                            <h2 class="col5Header colHeader"><span>محاسبات مالی</span></h2>
                            <div class="col5Content colContent mali">
                                <span>نرم افزار محاسبه سود سرمایه. نرم افزار محاسبه سود سرمایه.</span>
                                <span class="softwareMali"><a href="javascript:void(0)">مشاهده نرم افزار</a></span>
                            </div>
                            <div class="col5More colMore">
                                <span><a href="javascript:void">بیشتر</a></span><a href="javascript:void(0)"></a>
                            </div>
                        </li>

                        <li class="col5">
                            <h2 class="col5Header colHeader"><span>نکات مهم</span></h2>
                            <div class="col5Content colContent">
                                <span>سپرده سرمایه‌گذاری سما یکی از مجموعه سپرده‌های سرمایه‌گذاری مؤسسه مالی و اعتبار مؤسسه مالییهای سرمایه‌گذاری مؤسسه ما مهر است که سپرده‌گذار با افتتاح حساب سرمایه‌گذاری به مؤسسه وکالت عام می‌دهد تا سرمایه ...</span>
                            </div>
                            <div class="col5More colMore">
                                <span><a href="javascript:void">بیشتر</a></span><a href="javascript:void(0)"></a>
                            </div>
                        </li>



                    </ul

>

使用JQUERY，我在必要的类中添加了一些填充或边距：

$("span.closedTitle").after("<br><br>");

    $(".colContent.nerkh > span, .colContent.mali > span").prepend("<br>");
    $(".colContent.nerkh span.table, .colContent.mali span.softwareMali").prepend("<br><br><br>");

我使用BR代码执行此操作，因为我需要空格看起来像行空格而且我不想添加固定高度，所以我使用BR标记。

除IE 8外，它无效，忽略了BR标记。

我该怎么办？ 感谢。

Answer 1

将span设置为内联块元素并将br设置为可能是个好主意 padding-bottom:1.2em，如果line-height为1.2em，则为一行;