Javascript 有没有一种方法可以自动在CSS中分隔按钮

我有一系列的按钮，我想在导航栏上均匀分布。我可以得到每个按钮的大小并计算出来，但我想知道是否有一种方法可以自动计算出来，并在页面加载时设置这些宽度。 目前，我有5个按钮和一个输入字段，我想让它们成为一个800px的div

HTML:

---

是的，这是可能的。您可以始终为每个导航btn/nav\U btn\U下拉列表的宽度使用百分比

.nav{
    height:50px;
    color:blue;
}
.nav_btn,.nav_btn_drop_down{
    float:left;
    color:#78f7fa;
    box-sizing:border-box;
    width:16.667%
}

您导航中的每个项目宽度为itemcount/100~=16.667%

请看这里的小提琴：

---

是的，这是可能的。您可以始终为每个导航btn/nav\U btn\U下拉列表的宽度使用百分比

.nav{
    height:50px;
    color:blue;
}
.nav_btn,.nav_btn_drop_down{
    float:left;
    color:#78f7fa;
    box-sizing:border-box;
    width:16.667%
}

您导航中的每个项目宽度为itemcount/100~=16.667%

请看这里的小提琴：

---

是的，这是可能的。您可以始终为每个导航btn/nav\U btn\U下拉列表的宽度使用百分比

.nav{
    height:50px;
    color:blue;
}
.nav_btn,.nav_btn_drop_down{
    float:left;
    color:#78f7fa;
    box-sizing:border-box;
    width:16.667%
}

您导航中的每个项目宽度为itemcount/100~=16.667%

请看这里的小提琴：

---

是的，这是可能的。您可以始终为每个导航btn/nav\U btn\U下拉列表的宽度使用百分比

.nav{
    height:50px;
    color:blue;
}
.nav_btn,.nav_btn_drop_down{
    float:left;
    color:#78f7fa;
    box-sizing:border-box;
    width:16.667%
}

您导航中的每个项目宽度为itemcount/100~=16.667%

请看这里的小提琴：

---

我认为

填充

可以解决您的问题：

.nav_btn,.nav_btn_drop_down{
    float:left;
    color:#78f7fa;
    padding: 10px;
}

---

我认为

填充

可以解决您的问题：

.nav_btn,.nav_btn_drop_down{
    float:left;
    color:#78f7fa;
    padding: 10px;
}

---

我认为

填充

可以解决您的问题：

.nav_btn,.nav_btn_drop_down{
    float:left;
    color:#78f7fa;
    padding: 10px;
}

---

我认为

填充

可以解决您的问题：

.nav_btn,.nav_btn_drop_down{
    float:left;
    color:#78f7fa;
    padding: 10px;
}

---

您可以使用

display:table cell

而不是

float

来使用此技巧：

.nav_btn, .nav_btn_drop_down{
    display:table-cell;
    width:1%;
    white-space:nowrap;
    text-align:center;
}

---

检查此演示

您可以使用

display:table cell

而不是

float

来使用此技巧：

.nav_btn, .nav_btn_drop_down{
    display:table-cell;
    width:1%;
    white-space:nowrap;
    text-align:center;
}

---

检查此演示

您可以使用

display:table cell

而不是

float

来使用此技巧：

.nav_btn, .nav_btn_drop_down{
    display:table-cell;
    width:1%;
    white-space:nowrap;
    text-align:center;
}

---

检查此演示

您可以使用

display:table cell

而不是

float

来使用此技巧：

.nav_btn, .nav_btn_drop_down{
    display:table-cell;
    width:1%;
    white-space:nowrap;
    text-align:center;
}

---

查看此演示

如果你需要均匀地隔开它们-为什么要向左浮动？如果你需要均匀地隔开它们-为什么要向左浮动？如果你需要均匀地隔开它们-为什么要向左浮动？如果你需要均匀地隔开它们-为什么要向左浮动？哇，这真是直截了当，没有想到使用显示：表格单元格；哇，这真是直截了当，没有想到使用显示：表格单元格；哇，这真是直截了当，没有想到使用显示：表格单元格；哇，这真是直截了当，没有想到使用显示：表格单元格；