我希望链接更紧密？它们分散开来，即使试图让它们居中也很痛苦。链接（开胃菜、主菜等）。
任何帮助或提示将不胜感激。
// Tabbed Menu
function openMenu(evt, menuName) {
var i, x, tablinks;
x = document.getElementsByClassName("menu");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < x.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" w3-red", "");
}
document.getElementById(menuName).style.display = "block";
evt.currentTarget.firstElementChild.className += " w3-red";
}
document.getElementById("myLink").click();
body {
margin: 0;
font-family: georgia;
}
.MenuItems {
float: left;
width: 100%;
margin: 0px;
background-color: none;
color: black;
}
.Menu {
padding: 100px;
}
.w3-col {
float: left;
width: 100%;
margin: 0px;
background-color: none;
color: black;
}
.w3-col.s4 {
margin: auto;
width: 25%;
}
.w3-container,
.w3-panel {
padding: 0.01em 16px
}
@media (min-width:993px) {
.w3-col.l3 {
width: 24.99999%
}
}
.w3-center {
text-align: center!important
}
h3 {
font-family: 'Caladea', serif;
font-weight: normal;
font-size: 4em;
}
h2 {
font-family: 'Caladea', serif;
font-weight: normal;
font-size: 2em;
}
.SmallHeader {
font-family: 'Caladea', serif;
font-size: 140%;
padding-top: 10px;
font-weight: normal;
}
我没有包含所有内容，因为它太长了。但基本上，当您单击链接时，它会显示不同的菜单项。
叮当猫咪
相关分类