Question

我正在尝试使表单与HTML中的一行文本对齐。文本行和表单都以内联方式显示，但是每当我将表单向右浮动时，它似乎就会向下移动并与文本不符。我不知道是什么原因造成的，因为当它未浮动时，它会完美地显示在一行中。谢谢！

问题：

del mypackage.bar

<li class="list-group-item">
    <a href="/home.php">Home</a>
    <div style="float: right;">
        <form action="/signup.php" method="post" style="display: inline !important;">
            <button type="submit" class="btn btn-primary">Home</button>
        </form>
    </div>
</li>

Answer 1

'chrome': '74.0'

SELECT (apinfectcount.APInfectCountInfected / apcountrypop.apcountrypopPopulation) as PercentInfected, apinfectcount.APInfectCountLocation
FROM apinfectcount
INNER JOIN apcountrypop  ON apcountrypop.apcountrypopCountry = apinfectcount.APInfectCountLocation
WHERE  apinfectcount.APInfectCountWeek = 23
GROUP BY apinfectcount.APInfectCountLocation

使用 flex 代替 float 。通过为弹性框提供 justify-content：space-between ，您可以轻松实现结果。同时删除style =“ display：inline！important;”从表单元素。请参阅代码段。

HTML / CSS“ float：right”导致表格偏离行列

1 个答案: