Center align Foundation 6 Dropdown

Question

我試圖展示一個水平中心對齊的Foundation 6下拉菜單。我試圖使用下拉菜單作爲工具提示，因爲它更符合我的需求，並允許將豐富的HTML插入到工具提示中。

基金會6個下拉框可以通過添加類.top .right .bottom .left來定位。這些類由Foundation核心Javascript分析，然後給出元素動態計算的top:和left:屬性。

因此，在元素中添加任何left或transform: translate屬性都是基於在動態計算定位屬性時將此考慮在內的事實。

任何想法寫一個不同的類到JavaScript？

Answer 1

使用text-center。

<ul class="dropdown menu" data-dropdown-menu> 
     <li> 
      <a href="#">Item 1</a> 
      <ul class="menu text-center"> 
       <li><a href="#">Item 1A</a></li> 
       <li><a href="#">Item 1b</a></li> 
       <li><a href="#">Item 1c</a></li> 
      </ul> 
     </li> 
     <li><a href="#">Item 2</a></li> 
     <li><a href="#">Item 3</a></li> 
     <li><a href="#">Item 4</a></li> 
    </ul>