CSS中如何定义一个在页面中居中的div?在Web页面开发中,我们经常需要把某个元素放置在页面的正中央,这样能够实现页面的美观性和可读性。下面我们就来看一下CSS中如何定义一个在页面中居中的div。首
html <div class="container"> <p>这是一个在页面中居中的div</p> </div>
css .container{ position: relative; width: 50%; height: 50%; }
css .container{ position: relative; width: 50%; height: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
html <div class="container"> <p>这是一个在页面中居中的div</p> </div>
css .container{ position: relative; width: 50%; height: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
粉丝
0
关注
0
收藏
0