Html 无论发生什么情况，都无法在同一行中获取两个跨度元素 我有一个表格标题，我在中间写了一些东西，还有一个前、下一个按钮，我想左右浮动。我已将这些元素放置在跨度元素中。前一个向左浮动的按钮工作正常，但下一个向右浮动的按钮继续进入下一行，无论发生什么，我都无法将其修复。我在两个跨距上都尝试了style=“display:inline；”“，在第TH个元素上尝试了style=“white space:nowrap；”“，但没有成功

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

$SPREVIOUS票
$sTicketTask#$A进程[id]-$A进程[subject]
$sNextTicket

以下是在我的页面上生成的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>

门票#209-3G

以下是输出的屏幕截图：

请尝试以下操作：

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>

门票#209-3G

是“票务209-3G”线路把它往下推。最后一行，比如：

 <span style="float:left;">button...</span>
 <span style="float:right;">button...</span>
 Ticket# 209 - 3G

按钮。。。
按钮
门票#209-3G

您能提供您的css代码吗？还有宽度？使用元素检查器作为助手可能是一个好主意。该代码符合您的预期，因此必须涉及其他一些CSS来导致该问题。与这里的DAC84相同。检查包含元素的样式。您好，感谢您的快速回复。不幸的是，我没有访问这个项目的CSS，并希望有一个解决方案，我可以覆盖CSS内联。然而，丹的回答只是把文本移到文章的结尾，效果很好。对不起，这不起作用。我试着在每一个跨度，在一个跨度，包一切其他。丹的解决方案奏效了。太好了，谢谢。我讨厌HTML可能是这样的，如果你想把它放在中间，你可以把它放在其他的容器里。一些内嵌的东西可能会起作用。但如果它能起作用，就把它移到最后，这就是你所需要的。

 <span style="float:left;">button...</span>
 <span style="float:right;">button...</span>
 Ticket# 209 - 3G