css li 内容居中 |css 清除a的默认样式

CSS 中文 CSS 的 li 标签是用于制作列表的，但是在列表中经常需要让文本内容居中。这时候就需要使用 css 来实现其内容居中了。 li 元素的内容居中可以通过 text-align 属性来实现。该属性可以设置文本对齐方式的值，常见的有 left、right、center 等。 例如，在一个无序列表中，大家需要让每个 li 标签中的内容都水平居中，可以这样写 css 代码： ul li { text-align: center; } 以上代码将会把所有 li 标签的内容都设置为居中显示。如果你只需要一个 li 元素，则可以通过类名或者 ID 来选定。 例如，下面的代码将只让列表中的第一项 li 元素中的文本内容水平居中显示：

• 居中显示的内容
• 默认居左显示的内容
• 默认居左显示的内容

CSS 代码： ul .center { text-align: center; } 除此之外，也可以通过 CSS 的 display 属性来设置 li 元素内部的文本居中显示。这种方法与上面的 text-align 方法不同的是，它是基于盒子模型的。 例如，下面的代码将把列表中所有的 li 元素内的文本内容都水平和垂直居中：

• 居中显示的内容
• 居中显示的内容
• 居中显示的内容

CSS 代码： ul li { display: flex; justify-content: center; align-items: center; } 以上代码将会把 ul 元素中的所有 li 元素的内部文本都设置为水平垂直居中。 总结 通过以上两种方式，可以很方便地让列表中的文本内容居中。你可以根据自己的实际需求和代码情况来选择适合自己的方法。