可以使用CSS来居中一个元素,代码示例如下:
HTML:
- Item 1
- Item 2
- Item 3
CSS:
li {
display: flex;
justify-content: center;
list-style-type: none;
}
上述代码中,我们给元素添加了
display: flex;
和justify-content: center;
属性。display: flex;
将元素的显示设置为弹性盒模型,
justify-content: center;
将元素的内容在水平方向上居中对齐。
同时,我们还添加了list-style-type: none;
属性来移除列表项的项目符号。
这样,元素的内容就会在水平方向上居中对齐,而不受项目符号的影响。