1、首先打開我們的測試編輯工具如圖所示新建一個項目。

2、然后打開index.html文件，輸入以下代碼。

3、首先第一個方法就是使用display:inline-block將ul標簽設置成行內塊級元素然后將li標簽設置為左浮動即可。

4、第二種方法就是就是將div設置為display:table;將ul設置成display:table-cell;即可。

5、第三種方法就是使用display:inline-flex，css代碼如圖所示。

6、這種方法的html是套用一個div即可如圖所示。

7、然后將下圖中的css代碼寫入CSS文件中即可。

1、首先打開我們的測試編輯工具如圖所示新建一個項目。

2、然后打開index.html文件，輸入以下代碼。

3、首先第一個方法就是使用display:inline-block將ul標簽設置成行內塊級元素然后將li標簽設置為左浮動即可。

4、第二種方法就是就是將div設置為display:table;將ul設置成display:table-cell;即可。

5、第三種方法就是使用display:inline-flex，css代碼如圖所示。

6、這種方法的html是套用一個div即可如圖所示。

7、然后將下圖中的css代碼寫入CSS文件中即可。

8、以上的四種方法的運行后，都可以將菜單水平居中。