简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

[CSS] 子元素垂直居中的兩種方式

高洛峰
發布： 2017-02-21 10:59:03
原創
2069 人瀏覽過

1. 多個子元素水平並排，IE10以下失效

display: flex;
align-items: center;
justify-content: center;
登入後複製

[CSS] 子元素垂直居中的两种方式

 

2.多個子元素垂直排列，這種方式會導致margin失效，IE8以下失效

display: table-cell;
vertical-align: middle;
登入後複製

[CSS] 子元素垂直居中的两种方式

　　

更多[CSS] 子元素垂直居中的兩種方式 相關文章請關注PHP中文網！

 

相關標籤：
CSS 子元素 垂直居中
來源：php.cn
上一篇：MyEclipse2014web工程專案直接複製不能存取報錯處理方案 下一篇：前端開發面試題總結之—CSS3
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何在 CSS 中使浮動元素垂直堆疊而不是水平堆疊？ 我正在嘗試製作一個包含兩列的網頁，一側具有主要內容，另一側具有額外的內容。但是因為我使用浮動屬性將額外的列向左對齊，所以它水平堆疊，但我希望它垂直堆疊。我目前的程式碼：.topic...
來自於 2024-04-06 20:45:26
0
2
386
有沒有辦法強制彈性框中的文字垂直居中，無論我們有什麼其他 CSS 程式碼？ 我有以下CSS程式碼，它是我正在開發的網站中使用的更大CSS程式碼的一部分：.cards-u{display:flex;flex-wrap:wrap;justify-content...
來自於 2024-04-06 20:41:51
0
1
518
垂直旋轉的表格標題，居中+底部對齊，跨瀏覽器 我的表格帶有旋轉標題，在Chrome中看起來符合預期，但在Firefox中卻不是。 Chromev108（垂直底部，水平中間）✅Firefoxv107（垂直中間，水平右）❌如何讓它...
來自於 2024-04-04 16:45:25
0
1
330
重寫的標題：在改變大小的情況下，水平和垂直居中一個固定的HTML方形或圓形元素 如何使尺寸變化的方形或圓形固定html元素水平和垂直居中？我認為寬度和高度必須保持相等這一事實帶來了困難。
來自於 2024-04-04 12:31:51
0
1
322
我的 CSS 樣式表不再起作用/連結到我的 HTML 文件 - 可能是什麼原因？ 我已經在很多論壇上搜索了答案，並且查看了大約50個google鏈接，但還沒有發現任何有效的方法...我的CSS沒有顯示在我的HTML上。我的程式碼工作得很好，直到我在其中添加了一個...
來自於 2024-04-03 09:49:45
0
1
402
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！