CSS中的ul和li標簽是常用的列表標簽，在網頁中常見的“導航欄”、“菜單”、“目錄”等都可以使用這兩個標簽來實現。但是在實際應用中，我們常常需要對顯示的行列進行控制，比如要求每行只顯示3個選項，在此我們就可以使用CSS對ul和li標簽進行限定。

/*設置ul樣式*/
ul {
/*去除默認樣式*/
list-style: none;
/*設置寬度*/
width: 600px;
/*設置最大高度，超出部分溢出*/
max-height: 250px;
overflow: hidden;
}
/*設置li樣式*/
li {
/*設置寬度*/
width:33.33%;
/*設置浮動*/
float:left;
/*設置內邊距*/
padding:10px;
/*設置邊框*/
border:1px solid #ccc;
/*調整盒子模型，使寬度和高度準確*/
box-sizing:border-box;
}
/*清除浮動*/
li:nth-child(3n+1) {
clear:left;
}

上面的代碼中，我們使用了CSS的float屬性將li標簽左浮動，這樣使得每個li標簽都排列在同一行。同時，我們設置了每個li標簽的寬度為33.33%，這樣三個li標簽的寬度和剛好為100%。

我們還使用了clear屬性來清除li標簽的浮動，這樣就可以保證每行只顯示三個選項，而不會因為浮動而產生副作用。

通過上面的CSS代碼，我們可以輕松地控制ul和li標簽的行列顯示，實現更加靈活多樣的網頁布局效果。