CSS中的
li{ display: flex; #使用flex布局 align-items: center; #垂直居中內容 }
從代碼中可以看出,我們使用了flex布局,然后設置了align-items屬性為center,這樣就可以實現列表內容的垂直居中了。如果我們想要將水平排列的列表項中的內容居中,也可以通過設置justify-content屬性來實現,如下所示:
ol{ display: flex; #使用flex布局 justify-content: center; #水平居中內容 } li { text-align: center; #文本居中 }
在這個示例中,我們將ol元素的display屬性設置了為flex,然后通過設置justify-content屬性為center來實現水平居中。而對于其中的每一個列表項li,則使用text-align屬性來居中文本。這樣,整個列表項就可以水平居中并且列表內的文本內容也可以垂直居中了。
總而言之,在實現
上一篇css li從左顯示
下一篇css3圓圈放大縮小動畫