为了账号安全,请及时绑定邮箱和手机立即绑定

css 控制 div 始终水平垂直居中,这个div大小还不同

css 控制 div 始终水平垂直居中,这个div大小还不同

蓝山帝景 2018-11-14 13:13:07
css 控制加了一个统一类名的div,想让他水平垂直居中显示,但是这个div大小不一样,css就不能写固定,其他同学有什么好的思路没
查看完整描述

1 回答

?
PIPIONE

TA贡献1829条经验 获得超9个赞

flex布局吧

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"> 

<title></title>

<style> 

#main

{

    width:220px;

    height:300px;

    border:1px solid black;

    display:flex;

    justify-content:center;

    align-items:center;

}


#main div

{

    

}

</style>

</head>

<body>


<div id="main">

  <div style="background-color:coral;">红色</div>

</div>

</body>

</html>

https://img1.sycdn.imooc.com//5c21e369000104fd02220288.jpg

查看完整回答
反对 回复 2018-12-25
  • 1 回答
  • 0 关注
  • 392 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信