在網(wǎng)頁制作中,垂直排列是一個非常常見的需求,而利用CSS中的li標(biāo)簽可以實現(xiàn)比較簡單的垂直排列效果。下面就來介紹一下利用li標(biāo)簽實現(xiàn)垂直排列的方法。
li{ display:block; }
以上代碼是利用CSS將li標(biāo)簽轉(zhuǎn)變?yōu)閴K級元素,這樣就能夠?qū)崿F(xiàn)垂直排列效果了。
不過,這里有一點需要注意,如果li標(biāo)簽以及其父元素有設(shè)置浮動或者定位屬性,那么以上代碼就不具有實際效果了。這時候,我們需要給li標(biāo)簽加上“清浮動”的屬性。
li{ display:block; clear:both; }
以上代碼就是加上了“清浮動”的屬性,相信會更加實用。
需要注意的是,li標(biāo)簽的垂直排列也可以通過其他屬性來實現(xiàn),這里只是介紹了其中一種比較簡單的方法,希望能對大家有所幫助。