0

我如何制作这一行?我如何在一行中做到这一点?

<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> 
+0

为什么要把链接放到Stackoverflow站点并询问如何将它们放在一行中? –

+0

他只是没有正确格式化他的代码,所以它看起来就是这样,我编辑它现在看起来很正常。 –

回答

0

这应该把一切都成一条线:

<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>重写任何样式这可能会把他们放在新的路线上。

0

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

+0

here:http://codepen.io/nakata/pen/ygdwpq –