li和a中都没有设置float:left;属性,但li标签中的a标签始终紧靠li标签左侧。
解决:使用内联块和文本对齐
li {
text-align: center; /* 文本居中 */
}
a {
display: inline-block; /* 设置为内联块,以便应用宽度和高度 */
text-align: center; /* 确保链接文本居中 */
/* 可选:如果你想要链接占据整个li的宽度,可以设置宽度和高度 */
width: 100%; /* 占据整个li的宽度 */
height: 30px; /* 根据需要设置高度 */
}