我怎么能在一行中做到这一点？

Question

如何制作这一行？

<div data-reactroot="">
    <div>
        <div>
            <a href="/home">Home</a>
            <br>
        </div>
    </div>
    <div>
        <div>
            <a href="/about">About</a>
            <br>
        </div>
    </div>
    <div>
        <div>
            <a href="/services">Services</a>
            <br>
        </div>
    </div>
    <div>
        <div>
            <a href="/portfolio">Portfolio</a>
            <br>
        </div>
    </div>
    <div>
        <div>
            <a href="/contact-us">Contact us</a>
            <br>
        </div>
    </div>
</div>

Answer 1

这应该把所有内容都放在一行：

<div data-reactroot="">
    <a href="/home">Home</a>
    <a href="/about">About</a>
    <a href="/services">Services</a>
    <a href="/portfolio">Portfolio</a>
    <a href="/contact-us">Contact us</a>
</div>

您只需删除所有<br>标记（用于打破行）并将它们保留在同一<div>中，以覆盖可能将它们放置在新行上的任何样式。

Answer 2

您使用了4个与问题完全无关的标记。你想要并排显示这些链接？那是一个CSS相关的问题。