Question

我正在尝试显示水平居中对齐的Foundation 6下拉列表。我正在尝试使用下拉列表作为工具提示，因为它更符合我的需求，并允许将丰富的HTML插入其中，而工具提示则不会。

可以通过添加课程.top .right .bottom .left来定位基础6下拉菜单。这些类由Foundation核心Javascript解析，然后该元素被赋予动态计算的top:和left:属性。

因此，在动态计算定位属性时，Foundation会考虑到这一点，因此在元素中添加任何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>

中心对齐基础6下拉

1 个答案: