我在我的网站的WP工具栏中创建了22个自定义链接，但当我减少浏览器/屏幕宽度时，它们在CSS和堆栈方面完全没有响应，而不是简单地不显示不合适的链接。

也就是说，我想将边距：居中和溢出：隐藏一起应用于所有这些工具，以便它们位于工具栏的中心，并且任何不适合不同窗口大小的工具都将被隐藏。

实际上不可能在这里包含所有代码，但我希望这些示例显示我已经做了什么和没有做过什么。

我尝试了class和ID-CSS，但没有任何效果。

.quicklinksgroup {
    margin: auto !important;
    width: 1600px;
    overflow: hidden;
}

#classquicklinks {
    margin: auto !important;
    width: 1600px;
    overflow: hidden;
}

如何在我制作的自定义插件中生成组和父节点。我有22个这样的循环来创建自定义菜单下拉列表。白色每个都有子节点，但我不认为您需要看到它们，因为它们实际上是一样的，工作正常。正如你所看到的，我也尝试了CSS，我认为应该是正确的，内联的。

function add_nodes_and_groups_to_toolbar( $wp_admin_bar ) {

args = array(
        \'id\'    => \'quicklinksgroup\',
\'title\' => \'<div id="quicklinksgroupcontainer" style="margin:auto!important;
width: 1600px;
overflow: hidden;
padding-left: 100px;" ></div>\',
\'meta\'   => array( \'class\' => \'classquicklinksgroup\' )
    );

    $wp_admin_bar->add_group( $args );



    $args = array(
    \'id\'    => \'parent_node\'.$Number.\'\',
    \'title\' => \'<div id="linkbutton" style="margin-top:2px text-align:center;"><img src="http://example.com/\'.$IMG.\'" alt="\'.$TEXT.\'" style="width:40px;height:25px;"></div>\',
            \'href\'  => \'/page/\'.$Live.\'\',
            //\'meta\'  => array( \'class\' => \'OnlineQuickLinks\' )
            \'parent\' => \'quicklinks\'
        );
        $wp_admin_bar->add_node( $args );

我知道我不擅长在这里提问，但如果我们找到一个解决方案，将对我和其他人非常有帮助，因为我真的在搜索引擎上看不到任何东西。

#wpadminbar {
    overflow: hidden;
}