masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial css > [CSS] 子元素垂直居中的两种方式

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

高洛峰
Lepaskan： 2017-02-21 10:59:03
asal
2100 orang telah melayarinya

1. 多个子元素水平并排，IE10以下失效

display: flex;
align-items: center;
justify-content: center;
Salin selepas log masuk

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

 

2.多个子元素竖直排列，这种方式会导致margin失效，IE8以下失效

display: table-cell;
vertical-align: middle;
Salin selepas log masuk

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

　　

更多[CSS] 子元素垂直居中的两种方式 相关文章请关注PHP中文网！

 

Label berkaitan：
CSS 子元素 垂直居中
sumber：php.cn
Artikel sebelumnya：MyEclipse2014web工程项目直接复制不能访问报错处理方案 Artikel seterusnya：前端开发面试题总结之—CSS3
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS? Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...
daripada 2024-04-06 20:45:26
0
2
386
Adakah terdapat cara untuk memaksa teks dalam flexbox dipusatkan secara menegak, tidak kira apa kod CSS lain yang kita ada? Saya mempunyai kod CSS berikut yang merupakan sebahagian daripada kod CSS yang lebih besar...
daripada 2024-04-06 20:41:51
0
1
518
Tajuk jadual diputar secara menegak, dijajarkan di tengah + bawah, penyemak imbas silang Saya mempunyai jadual dengan pengepala berputar yang kelihatan seperti yang diharapkan dal...
daripada 2024-04-04 16:45:25
0
1
330
Tajuk yang ditulis semula: Pusatkan elemen segi empat sama atau bulatan HTML tetap secara mendatar dan menegak apabila diubah saiz Bagaimana untuk memusatkan elemen html tetap segi empat sama atau bulatan dengan saiz yang...
daripada 2024-04-04 12:31:51
0
1
322
Lembaran gaya CSS saya tidak lagi berfungsi/pautan ke fail HTML saya - apakah sebabnya? Saya telah mencari banyak forum untuk jawapan dan melihat kira-kira 50 pautan google tetap...
daripada 2024-04-03 09:49:45
0
1
402
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan