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 –