码迷,mamicode.com
首页 > 其他好文 > 详细

div块中高度总是宽度的一半

时间:2018-08-19 00:58:45      阅读:1161      评论:0      收藏:0      [点我收藏+]

标签:content   alice   bsp   pre   add   item   head   center   col   

 1 <!doctype html>
 2 <html>
 3 <head>
 4     <style type="text/css">
 5     body {
 6         margin: 0;
 7         padding: 0;
 8     }
 9     .inner {
10         color: aliceblue;
11         height: 0;
12         padding: 25% 0;
13         background-color: coral;
14         display: flex;
15         align-items: center;
16         justify-content: center;
17     }
18     </style>
19 </head>
20 <body>
21     <div class="inner"> A </div>
22 </body>
23 </html>

 

div块中高度总是宽度的一半

标签:content   alice   bsp   pre   add   item   head   center   col   

原文地址:https://www.cnblogs.com/gaoxuerong123/p/9499133.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!