Javascript 一行显示4个选项卡

Javascript 一行显示4个选项卡,javascript,html,css,Javascript,Html,Css,我们使用下面的代码创建了2个选项卡,我需要再创建2个选项卡。我想要如下图片: window.changeTab=functiontabNum{ tablinks=document.getelementsbyclassnametbs; fori=0;i

我们使用下面的代码创建了2个选项卡,我需要再创建2个选项卡。我想要如下图片:

window.changeTab=functiontabNum{ tablinks=document.getelementsbyclassnametbs; fori=0;i<0.length;i++{ tablinks[i].className=tablinks[i].className.replace active,; ifi==tabNum{ tablinks[i]。类名+=活动; } } tabs=document.getelementsbyclassnametb-text; fori=0;i您可以添加css规则,如:

.tabs {
    width: 25%;
    float: left;
}

或者您可以使用BS classes col-sm-3。

您可以添加css规则,如:

.tabs {
    width: 25%;
    float: left;
}

或者你可以使用BS classes col-sm-3。

这就是你想要的吗

window.changeTab=functiontabNum{ tablinks=document.getelementsbyclassnametbs; fori=0;i<0.length;i++{ tablinks[i].className=tablinks[i].className.replace active,; ifi==tabNum{ tablinks[i]。类名+=活动; } } tabs=document.getelementsbyclassnametb-text; fori=0;i这就是你想要的吗

window.changeTab=functiontabNum{ tablinks=document.getelementsbyclassnametbs; fori=0;i<0.length;i++{ tablinks[i].className=tablinks[i].className.replace active,; ifi==tabNum{ tablinks[i]。类名+=活动; } } tabs=document.getelementsbyclassnametb-text; fori=0;i window.changeTab=functiontabNum{ tablinks=document.getelementsbyclassnametbs; fori=0;i<0.length;i++{ tablinks[i].className=tablinks[i].className.replace active,; ifi==tabNum{ tablinks[i]。类名+=活动; } } tabs=document.getelementsbyclassnametb-text; fori=0;i window.changeTab=functiontabNum{ tablinks=document.getelementsbyclassnametbs; fori=0;i<0.length;i++{ tablinks[i].className=tablinks[i].className.replace active,; ifi==tabNum{ tablinks[i]。类名+=活动; } } tabs=document.getelementsbyclassnametb-text; fori=0;i
我想在这些选项卡下同时显示选项卡和内容tabs@nsdlfefinedieicbe您正在选项卡中查找选项卡吗?如果是,请编辑您的question@SanjeevK不,我要四个标签排成一行。和其他答案一样,添加css规则应该比。选项卡内容(即选项卡容器)不显示在选项卡中,因此我认为这不应该是一个问题。谢谢您的支持。我想在这些选项卡下同时显示选项卡和内容tabs@nsdlfefinedieicbe您正在选项卡中查找选项卡吗?如果是,请编辑您的question@SanjeevK不,我要四个标签排成一行。和其他答案一样,添加css规则应该比。选项卡内容(即选项卡容器)未显示在选项卡中,因此我认为这不应该是一个问题。感谢您的支持。第四个选项卡内容未显示,请更新答案。我更新了您的代码第一个选项卡在一些空格后开始。你能帮我显示左边的第一个标签吗。所有选项卡应显示在一行中。这是你的问题,你有空间标签在最后它创建另一个标签,我很肯定;更新您的代码,并让我知道这是否解决了问题。替换为如果我正确回答了您的问题,请将我的答案标记为正确答案谢谢。第四个选项卡内容未显示,请更新答案。我更新了您的代码第一个选项卡在一些空格后开始。你能帮我显示左边的第一个标签吗。所有选项卡应显示在一行中。这是你的问题,你有空间标签在最后它创建另一个标签,我很肯定;更新您的代码并让我知道这是否解决了问题。替换为如果我正确回答了您的问题,请将我的答案标记为正确答案谢谢。谢谢您的支持。由于其他用户先发布了答案,我接受了该答案。您能帮我显示选项卡之间的水平线,以及下方和上方的垂直线,如图所示:在本任务中,以获得您的支持。当其他用户首先发布答案时,我接受了这个答案。您能帮我显示选项卡之间的水平线,以及下面和上面的垂直线吗?这里是您用var声明变量吗?您用var声明变量吗?