<div class="panel-body" style="background:url('pages/upload/brief/img/bg.jpg');background-size:100%;height:600px;">
本文转自张昺华-sky博客园博客，原文链接：http://www.cnblogs.com/xiandedanteng/p/6259570.html，如需转载请自行联系原作者
给div加上背景图片
2017-11-16
901
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
3月前
|
前端开发
容器
怎么让一个 div 水平垂直居中
要使一个 `div` 元素在页面上水平垂直居中，可以采用 CSS 的 Flexbox 或 Grid 布局方法。使用 Flexbox 时，可在父元素上设置 `display: flex; justify-content: center; align-items: center;`，而子 `div` 将会自动在中心显示。另一种方法是使用 Grid 布局，设置父元素 `display: grid; place-items: center;` 也能达到相同的效果。
39
3
3
|
8月前
|
前端开发
JavaScript
|
前端开发
|
前端开发
容器
|
前端开发
div 居中方法汇总
居中问题无论在工作还是在面试中, 都是很常见的
下面我来给大家总结几种常用的方法, 大家可根据实际情况选择
好了, 废话不多说, 先看下效果
法1
定位+偏移 (margin)
html
css
.
1066
0
0
div盒子水平垂直居中方法
文章转载自：div盒子水平垂直居中的方法 - 雪明瑶
这个问题比较老，方法比较多，各有优劣，着情使用。
一、盒子没有固定的宽和高
方案1、Transforms 变形
这是最简单的方法，不仅能实现绝对居中同样的效果，也支持联合可变高度方式使用。
1857
0
0
|
JavaScript
前端开发
可拖动的DIV续
1182
0
0
|
Web App开发
前端开发
容器
可拖动的DIV
2362
0
0
给DIV添加滚动条
784
0
0
|
前端开发
div css 设置文字垂直居中
860
0
0
热门文章
最新文章
1
ToC和ToB有啥区别
2
多中心容灾实践：如何实现真正的异地多活？
3
时间序列预测：CNN+LSTM+Attention模型实战
4
DSP_代码笔记（基于TMS320X281x）
5
Confluence 6 那些文件需要备份
6
区块链技术将占据全球金融系统核心地位
7
一个有味道的函数
8
ceph启动脚本
9
[CLR via C#]7. 常量和字段
10
JSP基础7
1
PsycoLLM：开源的中文心理大模型，免费 AI 心理医生，支持心理健康评估与多轮对话
81
2
KAG：增强 LLM 的专业能力！蚂蚁集团推出专业领域知识增强框架，支持逻辑推理和多跳问答
93
3
Gemini Coder：基于 Google Gemini API 的开源 Web 应用生成工具，支持实时编辑和预览
57
4
AddressCLIP：一张照片就能准确定位！中科院联合阿里云推出街道级图像地理定位模型
55
5
MiniPerplx：基于 Grok 2.0 的开源 AI 搜索引擎，支持网页、学术、视频搜索
42
6
CreatiLayout：复旦与字节联合推出布局到图像生成技术，支持高质量图像生成与布局优化
37
7
Cosmos：英伟达生成式世界基础模型平台，加速自动驾驶与机器人开发
41
8
AIOpsLab：云服务自动化运维 AI，微软开源云服务 AI 框架，覆盖整个生命周期
46
9
《docker基础篇：4.Docker镜像》包括是什么、分层的镜像、UnionFS（联合文件系统）、docker镜像的加载原理、为什么docker镜像要采用这种分层结构呢、docker镜像commit
99
10
《鸿蒙安全沙箱机制——人工智能应用的安全护盾》
29