css弹性盒子

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>
相关推荐
会发光的猪。24 分钟前
vue中el-select选择框带搜索和输入,根据用户输入的值显示下拉列表
前端·javascript·vue.js·elementui
旺旺大力包41 分钟前
【 Git 】git 的安装和使用
前端·笔记·git
雪落满地香1 小时前
前端:改变鼠标点击物体的颜色
前端
余生H1 小时前
前端Python应用指南(二)深入Flask:理解Flask的应用结构与模块化设计
前端·后端·python·flask·全栈
outstanding木槿2 小时前
JS中for循环里的ajax请求不数据
前端·javascript·react.js·ajax
酥饼~2 小时前
html固定头和第一列简单例子
前端·javascript·html
一只不会编程的猫2 小时前
高德地图自定义折线矢量图形
前端·vue.js·vue
m0_748250932 小时前
html 通用错误页面
前端·html
来吧~2 小时前
vue3使用video-player实现视频播放(可拖动视频窗口、调整大小)
前端·vue.js·音视频
han_2 小时前
不是哥们,我的console.log突然打印不出东西了!
前端·javascript·chrome