css如何通过margin属性让li标签居中

css如何通过margin属性让li标签居中

在css中，要想使用margin属性让li居中，必须设置li标签的宽度。下面小编举例讲解css如何通过margin属性让li标签居中。

新建一个html文件，命名为test.html，用于讲解css如何通过margin属性让li标签居中。

在test.html文件内，使用ul标签创建一个列表，用于测试。

在test.html文件内，设置ul标签的class为ttss。

在css标签内，通过class设置ul的样式，定义它的宽度为200px，高度为100px，背景颜色为灰色。

在css标签内，再通过class设置li的样式，定义它的宽度为70px，将margin属性设置为“0 auto”(上下边距为0，左右边距自动居中)，从而实现li标签居中。

在浏览器打开test.html文件，查看实现的效果。

1、使用ul标签创建一个列表，设置ul标签的class为ttss。2、在css标签内，通过class设置ul的样式，定义它的宽度为200px，高度为100px，背景颜色为灰色。3、在css标签内，再通过class设置li的样式，定义它的宽度为70px，将margin属性设置为“0 auto”(上下边距为0，左右边距自动居中)，从而实现li标签居中。4、在浏览器打开test.html文件，查看实现的效果。