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>
相关推荐
布列瑟农的星空4 小时前
Playwright使用体验
前端·单元测试
卤代烃4 小时前
🦾 可为与不可为:CDP 视角下的 Browser 控制边界
前端·人工智能·浏览器
_XU5 小时前
AI工具如何重塑我的开发日常
前端·人工智能·深度学习
C_心欲无痕5 小时前
vue3 - defineExpose暴露给父组件属性和方法
前端·javascript·vue.js·vue3
鹿人戛5 小时前
HarmonyOS应用开发:相机预览花屏问题解决案例
android·前端·harmonyos
萌萌哒草头将军5 小时前
绿联云 NAS 安装 AudioDock 详细教程
前端·docker·容器
GIS之路6 小时前
GIS 数据转换:使用 GDAL 将 GeoJSON 转换为 Shp 数据
前端
朴shu7 小时前
Luckysheet 远程搜索下拉 控件开发 : 揭秘二开全流程
前端
MediaTea8 小时前
Python:模块 __dict__ 详解
开发语言·前端·数据库·python
字节跳动开源8 小时前
Midscene v1.0 发布 - 视觉驱动,UI 自动化体验跃迁
前端·人工智能·客户端