html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<style> 5
#main {6
width: 350px;7
height: 100px;8
border: 1px solid #c3c3c3;9
display: flex;10
}11
12
#main div {13
flex-grow: 0;14
flex-shrink: 0;15
flex-basis: 40px;16
}17
</style>18
</head>19
<body>20
21
<div id="main">22
<div style="background-color:coral;">红色 DIV</div>23
<div style="background-color:lightblue;" id="myBlueDiv">蓝色 DIV</div>24
</div>25
26
<p>点击“尝试一下”按钮设置蓝色 div 元素的 flexBasis 属性的值为 "200px"。</p>27
28
<button onclick="myFunction()">尝试一下</button>29
30
<script>31
function myFunction()32
{33
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java