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>
相关推荐
程序员Agions18 分钟前
useMemo、useCallback、React.memo,可能真的要删了
前端·react.js
滕青山20 分钟前
Vue项目BMI计算器技术实现
前端·vue.js
子兮曰24 分钟前
深入浏览器指纹:Canvas、WebGL、Audio是如何暴露你的身份的?
前端·浏览器·canvas
月亮补丁26 分钟前
AntiGravity只能生成 1:1 图片?一招破解尺寸限制
前端
何中应30 分钟前
MindMap部署
前端·node.js
NAGNIP33 分钟前
程序员效率翻倍的快捷键大全!
前端·后端·程序员
一个网络学徒36 分钟前
python5
java·服务器·前端
tiantian_cool37 分钟前
Claude Opus 4.6 模型新特性(2026年2月5日发布)
前端
0思必得042 分钟前
[Web自动化] Selenium获取元素的子元素
前端·爬虫·selenium·自动化·web自动化
用户5757303346241 小时前
🌟 从一行 HTML 到屏幕像素:浏览器是如何“画”出网页的?
前端