如何在html中划分3个相等的部分

您好，在下面的代码中，如何将空间划分为所有ITEAM列表，并将其置于中心。 除了家里怎么分三等份

预期产出： 家庭|关于|服务

#第ul节{
宽度：1050px；
保证金：1px自动0自动；
高度：50px；
填充：0；
浮动：相对；
边框样式：实心；
边框宽度：1px；
背景色：#556B2F；
}
#第二节{
位置：相对位置；
列表样式类型：无；
显示：内联；
}
#第二节：之前{
内容：“|”；
}
#第二节：第一个孩子：之前{
内容：无；
}

如果CSS中有错误，请将

浮动

从

相对

更改为

左侧

：

#section ul{
    width: 1050px;
    margin: 1px auto 0 auto;
    height:50px;
    padding:0;
    float: left; // change this, or simply remove because of `display: inline;` for `#section ul li`
    border-style: solid;
    border-width: 1px;
    background-color:#556B2F;
}

---

如果CSS中有错误，请将

float

从

relative

更改为

left

：

#section ul{
    width: 1050px;
    margin: 1px auto 0 auto;
    height:50px;
    padding:0;
    float: left; // change this, or simply remove because of `display: inline;` for `#section ul li`
    border-style: solid;
    border-width: 1px;
    background-color:#556B2F;
}

---

您可以使用

display:table

和

display:table cell

将列表项拉伸到相等的宽度

#第ul节{
宽度：100%；
最大宽度：1050px；
保证金：1px自动0自动；
高度：50px；
填充：0；
/*浮动：相对*/
/*没有这样的财产*/
边框样式：实心；
边框宽度：1px；
//背景色：#556B2F；
显示：表格；
文本对齐：居中；
}
#第二节{
列表样式类型：无；
显示：表格单元格；
边框样式：实心；
边框宽度：1px；
垂直对齐：中间对齐；
}
#第a节{
显示：块；
}

您可以使用

display:table

&

display:table cell

将列表项拉伸到相等的宽度

#第ul节{
宽度：100%；
最大宽度：1050px；
保证金：1px自动0自动；
高度：50px；
填充：0；
/*浮动：相对*/
/*没有这样的财产*/
边框样式：实心；
边框宽度：1px；
//背景色：#556B2F；
显示：表格；
文本对齐：居中；
}
#第二节{
列表样式类型：无；
显示：表格单元格；
边框样式：实心；
边框宽度：1px；
垂直对齐：中间对齐；
}
#第a节{
显示：块；
}

只需删除浮点数-不需要它是的，可以删除，因为

显示：内联对于
#部分ul li
应仅移除浮点数-不需要浮点数是的，可以移除，因为
显示：内联
对于
#第ul li节
您只是希望链接居中还是希望它们的宽度相等？如果只是居中，那么我将从ul中删除
float:relative
（relative不是float的有效值），并添加
text align:center
，否则我将使用Paulie的解决方案，您只是希望链接居中，还是希望它们的宽度相同？如果只是居中，那么我将从ul中删除
float:relative
（relative不是float的有效值），并添加
text align:center
，否则我将使用Paulie的解决方案如何使文本向下更新到垂直对齐。如何使文本向下更新到垂直对齐。