ul与li的组合标签是前端开发中经常用到的一牡啾锯辏种控件，通常用来显示列表，如图所示，笔者写了一个示例的列表，其中设置了li居中显示，这里的四个文字内容分别是li番舸榆毛标签，被一个ul标签包含。那么，如何设置ul中的li居中显示呢？笔者下面就来介绍一下方法。
工具/原料
电脑
sublimeText等可以编写前端代码的编辑器
方法/步骤
1、首先，我们打开可以编写前端代码的编辑器，笔者这里用的是sublimeText，当前其他的也可以，比如vscode，webstorm等。
2、然后新建一个test.html文件，HTML文件是前端页面文件，可以在浏览器直接打开查看效果。新建文件后写入基本的代码，如图所示。一个HTML页面最基本的标签有head、body、style等。
3、接下来在body标签里面写入一个div标签，敛财醣沁并在里面写一个ul标签，ul里面包含四个li标签，并写上1111,2222,3333,4444的文本。同时，还有写入id或clas霜杼厮贿s属性，以便于后面设置样式。
4、上一步的效果如图所示，可以看到，现在只是一个普通的列表，四个元素前面都有黑点。这是ul、li标签的默认样式。
5、如何要达到居中效果呢？现在在style标签里面写入如图所示代码，对元素的样式进行设置。
6、写入代码后，在浏览器里打开该文件，查看效果，如图所示，达到了居中的效果。
7、如何让四个li标签并列在一行居中显示呢？只需要在li的style里面加一句代码：float：left；即可。效果如图所示。
