中心对齐基础6下拉-Java 学习之路

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

可以通过添加类 .top .right .bottom .left 来定位Foundation 6下拉列表 . 这些类由Foundation核心Javascript解析，然后该元素被动态计算 top: 和 left: 属性 .

因此，在动态计算定位属性时，Foundation会考虑到这一点，因此在元素中添加任何 left 或 transform: translate 属性都是无效的 .

任何想法都不能在javascript中编写不同的类？

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>

回复于 2024-04-19T07:36:38+08:00

中心对齐基础6下拉

1 回答

相关问题