编程狮在线代码实例

Tab
<>
""
''
()
{}
[]
/
:
;
?
,
.
$

输入

运行

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>编程狮(w3cschool.cn)</title>
<style>
    @parentWidth:200px;
    @childrenWidth:50px;
    .parent {
     margin:0 auto;
     height:@parentWidth;
     width:@parentWidth;
     background: red;
     overflow:hidden;/*触发BFC*/
    }
    .children {
     height:@childrenWidth;
     width:@childrenWidth;
     margin-left:auto;
     margin-right:auto;
     margin-top: (@parentWidth - @childrenWidth) / 2;
     background:yellow;
    }
</style>
<body>
    <div class="parent">我是红色
      <div class="children">我是黄色</div>
    </div>
</body>

实例代码

运行结果