html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head> 4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style> 7
div#main{8
width:220px;9
height:300px;10
border:1px solid black;11
display:flex;12
align-items:center;13
}14
div#main div{15
flex: 1;16
}17
</style>18
</head>19
<body>20
21
<div id="main">22
<div style="background-color:coral;">RED</div>23
<div style="background-color:lightblue;">BLUE</div> 24
<div style="background-color:lightgreen;">Green div with more content.</div>25
</div>26
<p>点击“尝试一下”按钮设置 alignItems 属性的值为 "flex-start"。</p>27
<button onclick="myFunction()">尝试一下</button>28
<script>29
function myFunction(){30
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java