简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

让元素水平垂直居中冷门方法

php中世界最好的语言
Lepaskan： 2018-03-12 16:42:53
asal
1231 orang telah melayarinya

这次给大家带来让元素水平垂直居中冷门方法，让元素水平垂直居中的注意事项有哪些，下面就是实战案例，一起来看一下。

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div{            position: absolute;            width: 400px;            height: 300px;            background: pink;            margin:auto;            left:0;            top:0;            right:0;            bottom: 0;
        }    </style></head><body>
    <div></div></body></html>
Salin selepas log masuk

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

Python编写的通知栏脚本启动工具

使用flv.js与video.js做一个视频直播效果

如何使用js-xlsx之单元格样式

如何使用canvas来制作好用的涂鸦画板

如何使用js-xlsx之合并单元格

Atas ialah kandungan terperinci 让元素水平垂直居中冷门方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
垂直 pusat
sumber：php.cn
Artikel sebelumnya：js之innerHtml简易日历的实现 Artikel seterusnya：移动端布局中的流式布局是什么原理
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
Ralat: tidak boleh menggunakan pernyataan import di luar modul React Saya baru mula belajar React. Saya mengikuti langkah-langkah daripada panduan permulaan di...
daripada 2023-09-20 12:45:39
0
1
251
WHERE columnName IS NULL tetapi tidak mendapat hasil yang diharapkan Saya baru sahaja memulakan projek pertama saya pada portfolio saya dan saya benar-benar bu...
daripada 2023-09-13 00:06:33
0
1
242
ReactJS - Fungsi pengembalian cangkuk tersuai tidak menyimpan data sebenar keadaan dalaman Saya mempunyai cangkuk tersuai useNotifications untuk widget pemberitahuan. Cangkuk ini me...
daripada 2023-09-12 08:49:22
0
1
179
Kebocoran memori berlaku apabila menukar nilai yang menunjukkan indeks dalam harta yang dikira Saya mempunyai masalah dengan harta yang dikira correctAnswersForCurrentStage():object{ret...
daripada 2023-09-10 15:52:53
0
1
305
Masukkan pemformatan HTML ke dalam badan e-mel menggunakan Suitescript Saya telah menulis skrip yang akan menghantar makluman e-mel jika jenis produk tertentu ti...
daripada 2023-09-09 20:41:10
0
1
304
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
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！