<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>flex layout</title>
<style>
display: -webkit-box;
}
/*设置可伸缩*/
-webkit-box-flex: 1;
}
p{
/*float: left;*/
width:200px;
border: 1px solid red;
}
</style>
</head>
<body>
<div id="container">
<p id="first">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aperiam autem deserunt dolore eligendi exercitationem minima porro quisquam temporibus, vero. Earum eveniet excepturi labore minima necessitatibus porro sed vel, voluptatem?</p>
<p id="second">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A ab accusantium ad consequatur deleniti dolore earum et, expedita iste iure modi molestias officia omnis quae qui recusandae sit vel voluptas.</p>
<p id="third">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae enim ipsam nisi officia tempora! Alias atque incidunt nobis, quod tempore unde. Assumenda culpa est in laborum quam repellendus vero vitae?</p>
</div>
</body>
</html>