文章来源地址https://www.toymoban.com/news/detail-839340.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.container1
{
display:flex;
flex-direction:row;
}
.item_sta
{
border-radius: 10px;
border: 1px solid #787878;
padding:20px;
flex :1;
margin:10px;
}
</style>
</head>
<body>
<div class="container1">
<div class="item_sta">
<div>作业公示</div>
<div style="font-weight:bold;font-size:20px;">134</div>
</div>
<div class="item_sta">
<div>申请/实际完成</div>
<div style="font-weight:bold;font-size:20px;">78/62</div>
</div>
</div>
<div class="container1">
<div class="item_sta">
<div>硫磺出库总量(吨)</div>
<div style="font-weight:bold;font-size:20px;">53456</div>
</div>
<div class="item_sta">
<div>硫磺入库总量(吨)</div>
<div style="font-weight:bold;font-size:20px;">74689</div>
</div>
</div>
</body>
</html>
文章来源:https://www.toymoban.com/news/detail-839340.html
到了这里,关于css弹性盒子的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!