bootstrap表在chrome和firefox之间的显示方式不同

Question

我有一个基于bootstrap 2.3.2的表：

<table class="main-table" cellspacing="0" cellpadding="5">
                <thead>
                    <tr>
                      <td colspan="3" style="height:50px;">
                        <div id="top-toolbar">
                            <input type="hidden" id="active-date" value="<joda:format value="${activeDate}" pattern="yyyy-MM-dd" />" />
                            <input type="text" class="datepicker" id="formatted-date" value="<joda:format value="${activeDate}" pattern="EEEE dd, MM yyyy" />" 
                            readonly="readonly" />
                            <div class="float-right">
                                <button id="show-new-reservation" value="${outlet.id}" class="ro-button">Add new reservation</button>
                                <c:if test="${currentDate eq activeDate}">
                                    <button id="show-add-walkin" value="${outlet.id}" class="ro-button">Add new walk-in</button>
                                </c:if>
                            </div>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <td><div class="reservations-title"><h2>Upcoming</h2></div></td>
                      <td><div class="reservations-title"><h2>Present</h2></div></td>
                      <td><div class="reservations-title"><h2>Done</h2></div></td>
                    </tr>
                </thead>

我尝试将显示更改为显示：head-table for head但没有任何更改，chrome中的标题行显示正确：

在Firefox中：

任何帮助，

Answer 1

因为firefox没有在css样式表或内联样式中获得表格高度样式，所以我在每个<td>的高度属性中设置了高度值

<td height="650">

这对我和chrome和firefox有用。

希望这会对某人有所帮助，