CSS不定高DIV水平垂直居中是一个经常使用的技巧,它可以在网页布局和设计中起到很好的作用。下面我们来详细介绍如何实现。 首先,我们需要准备一个不定高的DIV元素,它可以是一个文字、图片或其他任何元素
<div class="container"> <div class="content"> Hello World! </div> </div> <style> .container { display: flex; justify-content: center; align-items: center; height: 100%; } <br> .content { text-align: center; vertical-align: middle; } </style>
<div class="container"> <div class="content"> Hello World! </div> </div> <style> .container { position: relative; height: 100%; } <br> .content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } </style>
粉丝
0
关注
0
收藏
0