Question

有人知道如何在Foundation 6中自动获得均匀分布的标签标题吗？

我尝试将选项卡包装在grid-x中，并将cell large-auto添加到li类中，这适用于大屏幕，但是当我们在移动设备上查看时，display：none没有被JS添加到每个li元素？删除grid-x和单元格将使其恢复正常。

Zerb Foundation文档中没有任何明显的内容，我有点惊讶我找不到很多信息。

Button button = new Button();
button.setWrapText(true); //needed for text buttons
String imagePath = //this is the path to the image (save this)
Image buttonImage = new Image(imagePath);
        if (!buttonImage.isError()) {
            button.setGraphic(new ImageView(buttonImage));
        }

Answer 1

您可以使用Flexbox的做到这一点。

请的父容器，.tabs - > display: flex;和justify-content: space-between;，以张开他们

在孩子们可以在柔性成长属性，以填补空白。

示例：https://codepen.io/rafibomb/pen/exvwrB

基础6中的间距均匀的标签标题

1 个答案: