单个div垂直居中常用的方式
Posted 鱼樱、、
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了单个div垂直居中常用的方式相关的知识,希望对你有一定的参考价值。
话不多说先上要实现的效果:(很简单水平居中)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素垂直居中的方法</title> </head> <style type="text/css"> /* 方式一 */ .box{ width: 100px; height: 100px; color: #fff; background: #000000; position:absolute; top: 50%; margin-top: -50px; } </style> <body> <div class="box">方式一</div> </body> </html>
以上是关于单个div垂直居中常用的方式的主要内容,如果未能解决你的问题,请参考以下文章