reactjs - 我怎样才能在一行中做到这一点？

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 相关的问题。