文章詳情頁
css3 - 如何讓div中的內(nèi)容水平居中，垂直居中
瀏覽：238日期：2023-07-23 18:27:02
問題描述
將內(nèi)容區(qū)域的樣式設(shè)置成這樣，可以解決，可是在編碼的時(shí)候也會(huì)有很多問題。
.element { width: 60px; height: 40px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; /* 有了這個(gè)就自動(dòng)居中了 */ border:1px solid red;}
有其他的方法嗎
問題解答
回答1：首先get一個(gè)新方法；我一般這樣居中.element {
width: 60px; height: 40px;position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);border:1px solid red;}
回答2：你需要：CSS布局之-水平垂直居中
回答3：看這里 http://f2e.souche.com/blog/jie-du-cssbu-ju-zhi-shui-ping-chui-zhi-ju-zhong/
標(biāo)簽：
CSS
相關(guān)文章：
1. css - 為何flex的align-items: center無法垂直居中？2. 前端 - 如何實(shí)現(xiàn)自適應(yīng)的多行文字垂直居中？3. transform - css3 translate 的水平垂直居中問題求解4. javascript - css 控制 div 始終水平垂直居中，這個(gè)div大小還不同5. css - UC手機(jī)瀏覽器下如何讓div水平垂直居中。6. css - ionic中的柵格布局如何讓文字內(nèi)容多少不同的每一列中的內(nèi)容都能垂直居中？7. 移動(dòng)端頁面文字垂直居中兼容性問題8. bootstrap怎么使圖片垂直居中？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備