在CSS中,我們可以通過以下代碼把li元素橫過來(lái):
ul { display: flex; flex-direction: row; list-style-type: none; } li { display: inline-block; }
我們首先在ul元素上添加了flex屬性,它的作用是讓ul元素變成一個(gè)彈性容器。接著通過設(shè)置flex-direction屬性為row,使得容器的子元素(li)按照橫向排列。最后我們通過display: inline-block屬性,讓每個(gè)li元素都變成一個(gè)塊級(jí)元素,并設(shè)置它們?cè)谝恍袃?nèi)顯示。
如果想要讓每個(gè)li元素之間有空隙,可以在li元素上添加margin屬性:
li { display: inline-block; margin-right: 10px; }
這樣就可以讓每個(gè)li元素之間相隔一定距離。