回覆列表
-
1 # 中二柚h
-
2 # Ly1427
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、以上的四種方法的執行後，都可以將選單水平居中。