文章詳情頁
css3 - 如何用CSS實現垂直排列的多個元素自適應居中
瀏覽:86日期:2023-08-07 10:12:32
問題描述
容器的高度是固定的.已經嘗試過的辦法是:
var padding = ( parentHeight - itemHeight * length ) / ( length + 1 );var css = { paddingBottom: padding, paddingTop: $index ? 0 : padding};
有沒有純CSS的方案?
Update:要實現的大概是這樣的效果:
<style> .outer{height: 480px; } .outer > p{height: 40px; }</style><p class='outer'> <!-- 這里有自適應的padding --> <p></p> <!-- 這里有自適應的padding --> <p></p> <!-- 這里有自適應的padding --> ... <!-- 這里有自適應的padding --> <p></p> <!-- 這里有自適應的padding --></p>
問題解答
回答1:http://blog.segmentfault.com/humphry/1190000000381042
標簽:
CSS
相關文章:
1. 在mac下出現了兩個docker環境2. css3 - css怎么實現圖片環繞的效果3. android - 用textview顯示html時如何寫imagegetter獲取網絡圖片4. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?5. css - 定位為absolute的父元素中的子元素 如何設置在父元素的下面?6. JavaScript事件7. javascript - jquery hide()方法無效8. 網頁爬蟲 - 用Python3的requests庫模擬登陸Bilibili總是提示驗證碼錯誤怎么辦?9. 注冊賬戶文字不能左右分離10. html - vue項目中用到了elementUI問題
排行榜
