CSS如何讓li 4個一行顯示
今天春哥技術部落格和大家分享下在做前端開發的時候,或者仿站的時候,有時候很容易遇到產品列表頁顯示錯位的情況,比如原來4個一行顯示,結果卻變成了3各一行顯示,很難看。
原來是你的CSS沒有控制好。
有網友問:css 如何控制ul li 每行顯示幾個並換行 像table效果一樣。
今天春哥就給大家講講:大家看一下下面的程式碼,有什麼發現:
.column .col-4-1 {
width: 22.75%;
margin-right: 3%;
}
.column .col-4-1 {
width: 22%;
margin-right: 3%;
}
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/3549/viewspace-2817633/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- css一行顯示文字CSS
- css 一行顯示超出部分顯示省略號CSS
- css如何設定文字在li元素中垂直居中顯示CSS
- css如何讓div顯示在最上層CSS
- CSS如何讓浮動導航欄元素居中顯示CSS
- CSS li列表前小圖示CSS
- 如何讓超出範圍的文字自動顯示為省略號(CSS)CSS
- CSS設定li列表前小圖示CSS
- html之如何讓多個並列的div居中顯示HTML
- css數第二個li元素CSS
- css匹配第n個li元素CSS
- CSS 匹配第一個li元素CSS
- CSS 第2個li元素樣式CSS
- CSS 倒數第二個li元素CSS
- css記錄1:文字塊內超長只顯示一行,且超過寬度顯示為省略號CSS
- 運用li元素進行斑馬色顯示
- CSS #定位 #顯示方式CSS
- CSS文字省略顯示CSS
- css 元素顯示模式CSS模式
- git提交歷史在一行顯示Git
- Qt如何讓彈出的視窗居中顯示QT
- Qt介面設計如何讓文中居中顯示?QT
- css3實現多個元素依次顯示CSSS3
- 讓 Chrome 崩潰的一行 CSS 程式碼ChromeCSS
- css超出顯示省略號CSS
- css使文字顯示兩行後顯示省略號CSS
- CSS實現限制顯示的字數,超出顯示"..."CSS
- CSS 設定前n個li元素樣式CSS
- CSS 倒數第n個li元素樣式CSS
- CSS 定義第二個li元素樣式CSS
- CSS設定第n個li元素樣式CSS
- CSS 設定第n個li元素樣式CSS
- Android studio 如何讓包有層次顯示Android
- 如何讓win32對話方塊居中顯示Win32
- 【RAC】如何讓Oracle RAC crs_stat 命令顯示完整Oracle
- Mysql將近兩個月的記錄合併為一行顯示MySql
- 將多列值轉換為一行顯示
- css設定第2個li元素的樣式CSS