使用flex
<div style=" display: flex; align-items: center; justify-content: center; background-color: green; height: 500px; "> <div> hello <div> </div> </div></div>主要就三行：
display: flex;
align-items: center; // 水平居中
justify-content: center; // 垂直居中
news
2026/3/4 1:10:21
div水平垂直居中
张小明
前端开发工程师
1.2k
24
版权声明:
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！
网站建设
2026/2/26 6:50:50
Qwen3-4B-Instruct企业应用：技术文档自动生成与代码辅助开发
Qwen3-4B-Instruct企业应用：技术文档自动生成与代码辅助开发 1. 为什么企业需要“会写文档、懂写代码”的AI助手？ 你有没有遇到过这些场景： 新项目上线前，技术负责人催着要接口文档，而开发刚写完核心逻辑࿰…
李华
网站建设
2026/2/27 0:50:03
通义千问3-Reranker-0.6B基础教程：Gradio state管理与会话隔离
通义千问3-Reranker-0.6B基础教程：Gradio state管理与会话隔离 1. 这个模型到底能做什么？ 你可能已经听说过通义千问系列的大模型，但Qwen3-Reranker-0.6B有点不一样——它不生成长篇大论，也不画画或说话，而是专精于“…
李华
网站建设
2026/3/3 11:05:00
EasyAnimateV5常见问题解决：显存不足、生成速度慢怎么办
EasyAnimateV5常见问题解决：显存不足、生成速度慢怎么办 1. 【为什么这些问题总在关键时刻出现】 你刚上传一张精心挑选的图片，输入了自认为足够清晰的提示词，点击“生成”后满怀期待——结果等了三分钟，界面卡在“Loading…”&…
李华
网站建设
2026/2/27 20:19:31
mT5中文增强版API调用全解析：打造个性化文本处理服务
mT5中文增强版API调用全解析：打造个性化文本处理服务 1. 引言 你是否遇到过这样的场景：手头有一批产品描述，需要生成多个风格各异的营销文案，但人工改写耗时费力；客服团队每天要处理上千条用户反馈，却缺乏…
李华
网站建设
2026/3/2 9:04:00
Pi0具身智能实测：如何用自然语言控制机器人动作
Pi0具身智能实测：如何用自然语言控制机器人动作 1. 什么是Pi0？不是“派零”，而是物理世界的语言翻译器 你有没有想过，有一天对着机器人说一句“把桌上的杯子轻轻拿起来”，它就真的伸出手、调整力度、稳稳完成动作&am…
李华
网站建设
2026/2/26 3:59:15
零代码体验：用RexUniNLU快速构建招聘信息抽取工具
零代码体验：用RexUniNLU快速构建招聘信息抽取工具 1. 引言 你有没有遇到过这样的场景：HR每天要从上百份简历、招聘网站的岗位描述、内部转岗申请中手动摘录“岗位名称”“工作地点”“薪资范围”“学历要求”“工作经验”这些关键信息？复制…
李华