设置img在父元素中居中

最新推荐文章于 2025-05-30 14:29:20 发布

csdnhll1127

最新推荐文章于 2025-05-30 14:29:20 发布

阅读量3.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： css3 文章标签： img居中

本文链接：https://blog.youkuaiyun.com/csdnhll1127/article/details/80323636

css3 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用CSS实现图片在父容器中水平垂直居中的方法。通过设置父元素的宽度、高度及相对定位，结合子元素（图片）的绝对定位与transform属性，使图片能够精确地居中显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="parent">
    <img src="" class="midImg"/>
</div>

.parent{
  width: 500px;
    height: 500px;
    position: relative;
}

.parent img{
  width: 200px;
    height:200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); // margin-left:-100px;margin-top:-100px;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

csdnhll1127

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Docker 安装mongdb

隔壁老瓦的专栏

03-09

867

Docker 安装 MongoDB 方法一、docker pull mongo 查找Docker Hub上的mongo镜像 runoob@runoob:~/mongo$ docker search mongo NAME DESCRIPTION STARS OFFICIAL AUT...

参与评论您还未登录，请先登录后发表或查看评论

使用Docker安装MongoDB数据库

若不知道要驶向哪个码头，那么任何风都不会是顺风。

05-17

1万+

大家好，前面跟大家分享了MongoDB数据库的介绍以及基本使用，下面继续跟大家分享一下如何使用 Docker 安装 MongoDB 数据库

【Docker】如何在 Docker 中安装 MongoDB

最新发布

彬彬侠的博客

05-30

2643

在 Docker 中安装和运行 MongoDB 是一个快速且便携的方式，特别适合开发、测试或需要隔离环境的场景。Docker 允许你通过官方 MongoDB 镜像快速部署 MongoDB，无需手动配置环境。本文是详细的步骤，涵盖如何在 Docker 中安装 MongoDB、配置容器、连接数据库以及一些最佳实践和注意事项。

docker环境安装mongdb

weixin_30678349的博客

05-28

130

1、在阿里云官方docker镜像hub中找到mongdb镜像，并pull到本地 docker pull mongo 2、通过镜像新建容器（-v 挂在文件卷，冒号前面的为宿主本机，冒号后面的为容器内的路径） docker run -p 27017:27017 -v $PWD/db:/data/db -d 5b1317f8158f 转载于:https://www.cnblogs...

docker安装mongodb

程序员们必读的博客，涵盖IT技术、编程经验等领域。

11-14

7246

docker安装mongodb。docker安装mongodb完成。

docker安装Mongodb

Baker的博客

08-01

482

这章介绍下docker安装mongdb的教程，首先需要安装docker，之前的章节中已经介绍了如何安装docker，这里已经安装完成了，运行docker images，查看所有镜像，这里一个都没有。创建好挂载目录后，就可以运行容器了，设置容器名为mongodb，挂载目录为刚才的目录，端口映射出来27017，容器为刚才的mongodb:4.4版本，然后需要拉取mongdb的镜像文件，镜像文件后可以加你需要的版本号，不加版本号默认是最新版本的，或者加:latest,这里安装的制定版本4.4.

Docker安装MongoDB（Linux版）

QDNBD的博客

05-23

1013

本文章主要介绍在Centos系统（Linux下），使用Docker安装MongoDB的教程。

【Docker】Docker安装MongoDB最新版并连接使用附加docker常用命令

chu

12-18

3215

【Docker】Docker安装MongoDB最新版并连接使用附加docker常用命令

docker中安装ＭongoDB

qq_614617158的博客

04-23

355

Docker常用的命令创建容器命令: docker run -i 表示运行容器 -t 表示容器启动后会进入其命令行，加入这个参数后，容器创建就能登陆进去。 --name 为容器创建名称 -v 表示目录映射关系（宿主机目录：映射到宿主机上的目录）可以使用多个-v多个目录映射，最好做好目录映射，然后共享到容器上 -d run之后后台运行 -p 表示端口的映射（宿主端口：容器内映射端口）可以使用多个-p做多个端口映射进入容器命令 docker exec -it

Docker安装MongoDB

qq_51726114的博客

02-28

6094

Docker安装MongoDB 注：此处对外暴露的端口为27019，最好不要使用27017，因为此处使用默认的端口容易被攻击 1、安装命令:（此处未指定版本安转的默认为最新版） docker run -d --restart=always -p 27019:27017 --name mymongo -v /home/mongodb:/data/db -d mongo 2、给mongo设置账号和密码为MongoDB添加管理员用户进入MongoDB docker exec -it 51a5b5e0

使用Docker安装MongoDB

AAIT11的博客

04-12

5545

使用Docker安装mongoDB

Docker 【安装MongoDB】

qq_32019935的博客

03-22

2236

MongoDB是一个非关系型数据库，它主要的应用场景有这些显示相比mysql，MongoDB没有事务，索引之类的东西。最小单位是文档。可能有人说，为什么这个场景我要用mongoDB，mysql同样也能实现。确实，没有说某个场景必须要使用MongoDB而mysql不能实现的，但是对于特定的场景，非重要而量大的数据的处理，MongoDB相对于mysql来说，它有更小的开销和更方便的操作。

MongoDB之docker安装篇

小宋的博客

06-12

1万+

接下里学习docker安装MongoDB。下载MongoDB镜像 docker pull mongo 运行安装命令（安装MongoDB容器）： docker run --name mongodb -p 27017:27017 -d mongo --auth 为MongoDB添加管理员用户进入MongoDB docker exec -it 51a5b5e05fe4 mongo ...

docker安装mongoDB及使用

热门推荐

packge的博客

08-28

4万+

docker安装mongo以及mongoDB的简单使用

Docker安装mongoDB

09-18

Docker是一个流行的容器化平台，可以方便地在各种环境中运行应用，包括MongoDB数据库。以下是使用Docker安装MongoDB的基本步骤： 1. **安装Docker**: 首先，确保您的系统上已经安装了Docker。对于大多数Linux发行版，你可以从Docker官网下载并按照文档安装。 2. **拉取官方镜像**: 使用Docker命令行，拉取MongoDB的官方镜像： ``` docker pull mongo ``` 这将从Docker Hub获取最新的MongoDB镜像。 3. **运行容器**: 创建并启动一个新的MongoDB容器，你可以指定数据卷存储位置以持久化数据： ```bash docker run -d --name my-mongo \ -p 27017:27017 # 映射主机的57017端口到容器内的27017端口 -v /data/mongo:/data/db # 将宿主机/data/mongo目录挂载到容器内data/db ``` `--name`用于设置容器名称，`-d`表示后台运行（daemon mode），`-p`是端口映射。 4. **验证安装**: 确认MongoDB容器是否正在运行，可以在另一个终端窗口输入： ```bash docker ps ``` 查看输出确认有名为'my-mongo'的MongoDB容器。 5. **连接到MongoDB**: 如果需要连接到数据库，可以使用`mongo`命令： ```bash docker exec -it my-mongo mongo ``` 6. **安全配置**: 完成上述操作后，你应该修改MongoDB的安全配置，如添加用户、更改权限等。