国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css有序列表怎么分成兩邊,CSS有序列表如何分兩邊

前端小編 7 0

在CSS中,我們可以使用浮動(dòng)(float)屬性將有序列表(ol)分成兩邊,以下是一個(gè)簡單的示例:

<ol>
    <li>項(xiàng)目1</li>
    <li>項(xiàng)目2</li>
    <li>項(xiàng)目3</li>
    <li>項(xiàng)目4</li>
    <li>項(xiàng)目5</li>
    <li>項(xiàng)目6</li>
    <li>項(xiàng)目7</li>
    <li>項(xiàng)目8</li>
    <li>項(xiàng)目9</li>
    <li>項(xiàng)目10</li>
</ol>
ol {
    list-style-type: none; /* 移除列表前的序號(hào) */
    counter-reset: item; /* 初始化計(jì)數(shù)器 */
}
ol li {
    position: relative; /* 相對于其正常位置進(jìn)行定位 */
    float: left; /* 浮動(dòng)到左側(cè) */
    width: 50%; /* 寬度為容器寬度的50% */
    counter-increment: item; /* 計(jì)數(shù)器遞增 */
}
ol li:before {
    content: counter(item); /* 使用計(jì)數(shù)器作為列表項(xiàng)的前綴 */
}

在這個(gè)示例中,我們首先將列表樣式設(shè)置為list-style-type: none;來移除列表前的序號(hào),我們使用counter-reset: item;來初始化一個(gè)計(jì)數(shù)器,這個(gè)計(jì)數(shù)器會(huì)在每個(gè)列表項(xiàng)中遞增,我們將每個(gè)列表項(xiàng)設(shè)置為浮動(dòng)到左側(cè),并且寬度為容器寬度的50%,這樣列表就會(huì)分成兩邊,我們使用counter-increment: item;來在每個(gè)列表項(xiàng)中遞增計(jì)數(shù)器,并使用content: counter(item);來將計(jì)數(shù)器作為列表項(xiàng)的前綴。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
亚洲一区二区三区四区| 国产精品人人爽人人爽 | 成人小说亚洲一区二区三区| 暴躁少女CSGO高清观看方法| 久久人妻中文| 舌l子伦熟妇av中文| 久久中文人妻| 国产午夜福利一区二区| 一本一道久久a久久综合蜜桃| 国产av熟女一区二区三区蜜| 久久久久久久久久久久精品| 精品国精品国产自在久不卡| 日韩欧美亚洲中文字幕| 俺色也| 日本少妇xxxxx| 91精品久久久久久综合五月天| 美女扒下小内裤露出屁股视频| 小明精品国产一区二区三区| 制服丝袜中文字幕在线观看| 丝袜中文字幕| 欧美精品久久久久久久久免| 欧美精品在线免费观看| 人妻体内射精一区| 久久久久久久久久久精品福利| 久一区久久蜜桃| 日本不卡视频一区二区| aaaaa国产欧美一区二区| 欧美激情第五页| 99久久国产精品毛片| 日韩精品中文字幕| 丰满人妻熟妇乱又乱精品| 两男吮她的花蒂和奶水视频| 欧美日韩亚洲综合在线| 97视频| 国产精品女人精品久久久天天| 精品国产第一区二区三区| 公侵犯人妻中文字幕一区| sm调教视频在线观看| 色91精品久久久久久久久| 69精品久久久久久| 国产av自拍一区|