1

我有一个表格标题，中间有一些文字，还有一个我想左右浮动的上一个和下一个按钮。我已将它们放在 span 元素中。向左浮动的上一个按钮工作正常，但向右浮动的下一个按钮不断进入下一行，无论如何我都无法修复此问题。我已经尝试过style="display:inline;"两个跨度，我尝试style="white-space: nowrap;"过 TH 元素，但没有运气。

这是我的标题行的 PHP 输出（全部在一行中，为了便于阅读，下面分为多行）：

<tr>
    <th colspan="4">
         <span style="float:left;">$sPreviousTicket</span>
         $sTicketTask# $aProcess[id] - $aProcess[subject]
         <span style="float:right;">$sNextTicket</span>
    </th>
</tr>

这是我页面上生成的 HTML：

<tr>
    <th colspan="4">
        <span style="float:left;">
            <input type="button" onclick="window.location = 'view_request.php?process_id=207';" value="Previous">
        </span>
        Ticket# 209 - 3G
        <span style="float:right;">
            <input type="button" onclick="window.location = 'view_request.php?process_id=212';" value="Next">
        </span>
    </th>
</tr>

这是输出的屏幕截图：

在此处输入图像描述

4

2 回答 2

3

是“Ticket# 209 - 3G”线路将其推低。使该行最后，例如：

 <span style="float:left;">button...</span>
 <span style="float:right;">button...</span>
 Ticket# 209 - 3G
于 2013-11-06T10:24:35.130 回答
1

请尝试以下操作：

span { display:inline-block; }

最终的 HTML

<tr>
    <th colspan="4">
        <span style="display:inline-block;">
            <input type="button" value="Previous">
        </span>
        Ticket# 209 - 3G
        <span style="display:inline-block;">
            <input type="button" value="Next">
        </span>
    </th>
</tr>
于 2013-11-06T10:15:13.913 回答