CSS3 flex-shrink 属性-在线运行代码案例-大卫编程网

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3 flex-shrink属性示例- 基础教程(div.cn)</title>
<style>
    .flex-container {
        width: 300px;
        height: 200px;
        font-size: 32px;
        border: 1px solid black;
        display: -webkit-flex; /* Safari */     
        display: flex; /* Standard syntax */
    }
    .item1 {
        width: 150px;
        background: #e84d51;
        -webkit-flex-shrink: 1; /* Safari 6.1+ */
        flex-shrink: 1;
    }