zoukankan      html  css  js  c++  java
  • 第二十三节 margin合并实例

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6     <style type="text/css">
     7         
     8         .box{
     9             width:500px;
    10             margin:50px auto 0;
    11             border:1px solid #000;
    12         }
    13         .box div{
    14             margin:20px;
    15         }
    16 
    17     </style>
    18 </head>
    19 <body>
    20     <div class="box">
    21         <div>当两个垂直外边距相遇时,他们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大值</div>
    22 
    23         <div>当两个垂直外边距相遇时,他们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大值</div>
    24 
    25         <div>当两个垂直外边距相遇时,他们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大值</div>
    26 
    27         <div>当两个垂直外边距相遇时,他们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大值</div>
    28     </div>
    29 </body>
    30 </html>
  • 相关阅读:
    linux防火墙iptables
    etc/fstab
    EDT改成CST
    echo
    dd
    chown
    CAT
    Linux grep
    CHECKSUM比较两表字段值差异
    通过GitHub部署项目到Nginx服务器
  • 原文地址:https://www.cnblogs.com/kogmaw/p/12420653.html
Copyright © 2011-2022 走看看