如何让li居中代码
我想让HTML中的li元素在父容器中水平居中，应该使用哪些CSS属性或者方法？
使用CSS属性实现li水平居中
可以将ul设置为一个容器，并通过给ul设置text-align: center;，使其中的inline或inline-block的li元素居中。另外，可以将li的display属性设置为inline-block，这样它们就会像文本一样被居中。示例代码：
ul {
text-align: center;
}
li {
display: inline-block;
}
有没有更现代的方式比如Flexbox来让list中的li居中展示？具体代码怎么写？
利用Flexbox让li元素在父容器中居中
把ul设置为flex容器，可以方便地使其中的li居中。给ul添加display: flex; justify-content: center;即可让所有li元素水平方向居中对齐。示例代码：
ul {
display: flex;
justify-content: center;
}
li {
/* 通常不需要额外设置display */
}
如何让列表项(li)中的内容，不仅水平居中，同时垂直居中？
使用Flexbox或者行高调整实现li内容的垂直居中
在li内部，可以使用flex布局来让内容完全居中。给li设置display: flex; align-items: center; justify-content: center;，内容会在水平和垂直方向居中。如果li的高度固定，也可以考虑使用line-height等技巧来垂直居中单行文本。示例代码：
li {
display: flex;
align-items: center;
justify-content: center;
height: 40px; /* 例如固定高度 */
}