Question

div中的span下降到下一行，div嵌套在Firefox中。怎么避免呢？该代码适用于Chrome和IE。

我的Html

<table>
    <thead>
        <tr>
            <th><div>2016<span >span</span></div></th>
            <th><div>2017<span class="ui-icon ui-icon-carat-2-n-s"></span></div></th>
            <th><div>2018<span class="ui-icon ui-icon-carat-2-n-s"></span></div></th>
         </tr>
</thead>
<tbody>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</tbody>
</table>

我的Css

table thead tr th {
    text-align:right;
    white-space:nowrap;
}
table thead tr th div span {
    display:block;
    float:right;
}

见jsFiddle

Answer 1

从该组中删除范围。

试试这个。

table thead tr th div  {
    display:block;
    float:right;
}

<强> Demo Here

Answer 2

请尝试以下操作： Demo

table thead tr th div+span{
    display:block;
    float:right;
}

有关详情，请点击此处 Link

避免在Firefox中使用元素包装

2 个答案: