通过Flex布局设置水平垂直居中_flex布局水平垂直居中-程序员宅基地

效果如下：

实现代码：

通过给父元素设置CSS样式：

display:flex;
align-items:center;
justify-content:center;

//HTML

<div class='box'>
    <div class='box-item'>
    </div>
</div>

//css
.box{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    background:white;
}
.box-item{
    height:200px;
    width:200px;
    background:red;
}

本文链接：https://blog.csdn.net/weixin_44371012/article/details/89738279

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

Linux WIFI模块驱动移植_wl_cfg80211_netdev_notifier_call : wdev null. do n-程序员宅基地

文章浏览阅读6.3k次，点赞3次，收藏20次。参考请问有知道atheros无线网卡Linux驱动官方下载地址是什么吗？Ubuntu 16.04 - Can’t connect to home Wi-Fi with Killer 1535 (QCA6174) ath10k-firmware linux-firmware.gitubuntu下安装Qualcomm Atheros QCA6174无线网卡驱动方法ubuntu18.0.4 无线网卡无法上网解决！无线网卡驱动Qualcomm Atheros QCA9565 / AR9565 Wir_wl_cfg80211_netdev_notifier_call : wdev null. do nothing

响应式菜单_meanmenu.js-程序员宅基地

文章浏览阅读1.5k次。因公司近期需用到响应式菜单栏，临时做了一个，PC端左侧菜单栏通过css实现，其中移动端有用到jquery.meanmenu.js插件。可能没那么完美，但是基本也勉强够用了，有些功能或者样式可以自己调整。仅供大家和自己参考，有问题请指出。感谢！_meanmenu.js

fabric系列一：适用于ubuntu18的Hyperledger-fabric2020年最新版2.3.0环境搭建_fabric v2.3.0 搭建-程序员宅基地

文章浏览阅读2.4k次，点赞9次，收藏34次。Hyperledger-fabric2.3.0环境搭建1. 安装docker1.1 首先，更新需求项1.2 添加更新源1.3 添加docker下载镜像1.4 加入密钥与相关设置1.5 安装docker最后的准备（可有可无吧，这一步不需要成功，应该是只需要其中的一些启动项）实施安装查看版本1.6 加入用户将用户加入该group内，然后退出并重新登陆重启docker服务当前用户切换到docker数组2. 安装docker-compose2.1 安装依赖工具2.1 补充[升级python为3]2.2 准备2.3 _fabric v2.3.0 搭建

SAP ABAP BDC 的使用及代码详解-程序员宅基地

文章浏览阅读1.6w次，点赞20次，收藏99次。首先介绍一下BDC即Batch Data Conversion。由于某种原因，当我们需要大量并且重复的输入保存变更删除数据的操作，且没有对应的BAPI可以使用的时候，可以使用BDC的方式进行。其原理是sap通过录屏的方式将业务操作记录下来，然后让计算机重复的进行操作。一，录制业务操作输入TCode：SHDB进入BDC录制初始界面单击工具栏 Newrecording 按钮创建一个新的BDC，系统将弹出Create Recording对话框，要求输入记录名称(此名称可以不用Y或Z开头来定义)和录制程_abap bdc

Linux环境下安装JDK11_java 11 linux 百度网盘下载-程序员宅基地

文章浏览阅读1.5k次。Linux环境下安装JDK11安装包下载链接：https://pan.baidu.com/s/1PpORKQ5dcynRl9L0jvInjw提取码：rxdj安装步骤将下载的文件放入Linux的文件中并使用如下命令进行解压tar -xvf jdk-11.0.12_linux-x64_bin.tar.gz修改环境变量, vim /etc/profile 添加如下内容（目录为自己解压的路径）# JAVA_HOME# /home/software/jdk11为自己解压的路径e_java 11 linux 百度网盘下载

Linux中执行sh文件时提示:nohup: 无法运行命令“./startup.sh“: 权限不够_nohup ./startup.sh &-程序员宅基地

文章浏览阅读6.7k次，点赞2次，收藏6次。场景Linux服务器，在运行启动的.sh文件时nohup ./startup.sh &提示nohup: 无法运行命令"./startup.sh": 权限不够注：博客：https://blog.csdn.net/badao_liumang_qizhi关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现这是因为权限不够，首先进入bin目录下，在bin目录下执行chmod u+x *.sh然后再运行就可以了..._nohup ./startup.sh &

随便推点

UVALive - 4223(hdu 2926)-程序员宅基地

文章浏览阅读82次。---恢复内容开始---题目链接：http://acm.hdu.edu.cn/showproblem.php?pid=2962TruckingTime Limit: 20000/10000 MS (Java/Others)Memory Limit: 32768/32768 K (Java/Others)Total Submission(s): 11428Acc...

Vue中el-table组件的值转换_el-table 值变换-程序员宅基地

文章浏览阅读3.6k次，点赞3次，收藏8次。在el-table组件中,字段值的转换有多种实现方式:1.使用template标签加{{}}表达式使用js方法对字段值进行转换。2.直接使用el-table-column组件中的:formatter属性使用js方法对值进行转换。示例代码<el-table-column label="货物状态" align="left" prop="status" width="80px"> <template slot-scope="scope"> <span&._el-table 值变换

SPFA求最短路并保存最短路径_带路径保存的spfa,保存所有最短路径-程序员宅基地

文章浏览阅读1.1k次。#include <iostream>#include <cstdio>#include <cstring>#include <cmath>#include <vector>#include <queue>#include <algorithm>using namespace std;const _带路径保存的spfa,保存所有最短路径

Mac笔记本插上电源后无法充电，拔掉电源后依然显示【充电中】，解决方法重置SMC_mac 拔掉电源电池显示插头标志-程序员宅基地

文章浏览阅读6.4k次。现象：Mac笔记本插上电源后无法充电，拔掉电源后依然显示【充电中】解决方法：苹果官方给出了一种可能的解决方案，如下：请按照以下步骤重置 SMC：将 Mac 关机。在内建键盘上，按住以下所有按键。Mac 可能会开机。键盘左侧的Control 键盘左侧的Option(Alt) 键盘右侧的Shift 按住全部三个按键7 秒钟，然后在不松开按键的情况下按住电源按钮。如果 Mac 处于开机状态，它将在您按住这些按键时关机。继续按住全部四个按键7 秒钟，然后松开这些..._mac 拔掉电源电池显示插头标志

考研复试专业课面试——数据库_什么是参照完整性大学考试-程序员宅基地

文章浏览阅读3.1k次，点赞22次，收藏103次。记：数据库的有关内容是我参考其他的博客以及上网查资料进行总结的，可能不完全正确，希望大家多多指正。1、什么是范式？当我们在进行数据库设计时，为了减少冗余，使数据库的结构更加合理，在设计数据库的时候要遵循一定的规则。在关系型数据库中，这种规则被称为范式，一般用到的范式有第一范式、第二范式、第三范式。第一范式：数据库表中的所有字段值都是不可分割的原子值第二范式：..._什么是参照完整性大学考试

Java程序练习-C-封印之刃_java封印之剑-程序员宅基地

文章浏览阅读506次。封印之刃描述Description在流放途中，Dastan听说西斯要把平民变成僵尸。于是他决定去找先知CydorniaKnight。CydorniaKnight告诉他，要打败西斯，就得获得存在与两个世界的两把究极光剑—绝地双刃。其中一把就是上一代绝地武士yarmu曾使_java封印之剑