Html css浮动选项使li左对齐

代码如下：

当我对li标记使用

float:left

时，
li tags离开了na_cate班的div

请将li标签放在na_cate中心，

---

并使这些li标记左对齐。

设置

文本对齐：居中至
div.na_cate ul
和
显示：内联块至
na_cate ul li部门

试试-
您可以这样做：

.na_cate ul {
    list-style: none ;
    text-align: center;
}
.na_cate ul li {
    display: inline-block;
}

你需要清理容器的浮子

.na_cate li {
   float:left;
   margin-left:20px;
}

.na_cate ul { 
   list-style:none;
   overflow:hidden;  /* clearfix */
}

或者，这里不使用溢出，而是使用伪元素。
：
.na_cate:after{content:”；display:block；clear:both；}
@HashemQolami你的意思是：
.na cate ul li{float:left；display:block；clear:both；}
像这样吗？@HashemQolami我检查了你的小提琴，但是li标记必须保持中心。那么为什么要使用CSS float呢？相反，将
text align:center
添加到它们的父项中。@HashemQolami您的意思是，这正是我想要的。非常感谢。