2015-04-22 23 views
1

我的菜單出了問題。最後的li元素與其他元素不在同一行。最後的li包含div,另外3個包含錨定標記。
我的意思是,它基本上是在同一條線上,但最後看起來像是有一個margin-top: 1px什麼的。但它沒有。一個li與另一個不在同一行嗎?

+0

我無法添加圖片,因爲我是新來的。 – Owiee1331

+0

你可以添加代碼或創建小提琴,以便我們可以查看http://jsfiddle.net/ –

+0

呃...它不是很難做到這一點.. –

回答

1

沒有更多的代碼,這是很困難的,但你在這裏提供的圖像鏈接的代碼實現您所需的輸出:

 ul { 
 
      list-style: none; 
 
     } 
 
     /*This is probably what was causing your miss-alignment*/ 
 
      ul li { 
 
       display: inline-block; 
 
       border: 1px solid #808080; 
 
       border-radius:5px; 
 
       padding: 10px 50px; 
 
      }
<div> 
 
     <ul> 
 
      <li><a>a1</a></li> 
 
      <li><a>a2</a></li> 
 
      <li><a>a3</a></li> 
 
      <li><div>div</div></li> 
 
     </ul> 
 
    </div>

另一種可能是您要添加保證金錯誤地向所有的div或相同的元素。

相關問題