CSS居中是前端工程师经常要面对的问题,也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下,目前包括水平居中,垂直居中及水平垂直居中方案共15种。如有漏掉的,还会陆续的补充进来,算做是一个备忘录吧。

1 、水平居中

01、 内联元素水平居中

利用 text-align: center 可以实现在块级元素内部的内联元素水平居中。此方法对内联元素(inline), 内联块(inline-block), 内联表(inline-table), inline-flex元素水平居中都有效。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-内联元素水平居中-测试1</title><style>div {height:60px;border: 2px dashed #f69c55;}.center-text {text-align: center;}
</style>
</head>
<body>
<div class="center-text">简单是稳定的前提。
</div>
</body>
</html>

02、 块级元素水平居中

通过把固定宽度块级元素的margin-left和margin-right设成auto,就可以使块级元素水平居中。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-块级元素水平居中</title><style>div {height:100px;border: 2px dashed #f69c55;}.center-block {margin: 0 auto;width: 8rem;padding:1rem;color:#fff;background:#000;}
</style>
</head>
<body>
<div><p class="center-block">简单不先于复杂,而是在复杂之后。</p>
</div>
</body>
</html>

03、多块级元素水平居中,利用inline-block

如果一行中有两个或两个以上的块级元素,通过设置块级元素的显示类型为inline-block和父容器的text-align属性从而使多块级元素水平居中。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-多块级元素水平居中-inline-block</title><style>.container {height:100px;padding: 8px;text-align: center;border: 2px dashed #f69c55;}.inline-block {padding: 8px;width: 4rem;margin: 0 8px;color: #fff;background: #000;display: inline-block;}
</style>
</head>
<body>
<div class="container"><div class="inline-block">简单不先于复杂</div><div class="inline-block">而是在复杂之后</div><div class="inline-block">简单不先于复杂,而是在复杂之后。</div>
</div>
</body>
</html>

04、多块级元素水平居中,利用display: flex

利用弹性布局(flex),实现水平居中,其中justify-content 用于设置弹性盒子元素在主轴(横轴)方向上的对齐方式,本例中设置子元素水平居中显示。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-多块级元素水平居中-弹性布局</title><style>.flex-center {padding: 8px;display: flex;justify-content: center;border: 2px dashed #f69c55;}.flex-center >div {padding: 8px;width: 4rem;margin: 0 8px;color: #fff;background: #000;}
</style>
</head>
<body>
<div class="flex-center"><div>简单不先于复杂。</div><div>简单不先于复杂,而是在复杂之后。</div><div>而是在复杂之后。</div>
</div>
</body>
</html>

2、 垂直居中

05、单行内联(inline-)元素垂直居中

通过设置内联元素的高度(height)和行高(line-height)相等,从而使元素垂直居中。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-单行内联元素垂直居中-line-height</title><style>#box {height: 120px;line-height: 120px;border: 2px dashed #f69c55;}
</style>
</head>
<body>
<div id="box">软件在能够复用前必须先能用。
</div>
</body>
</html>

06、多行元素垂直居中, 利用表布局(table)

利用表布局的vertical-align: middle可以实现子元素的垂直居中。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-多行内联元素垂直居中-table</title><style>.center-table {display: table;height: 140px;border: 2px dashed #f69c55;}.v-cell {display: table-cell;vertical-align: middle;}
</style>
</head>
<body>
<div class="center-table"><p class="v-cell">The more technology you learn, the more you realize how little you know.</p>
</div>
</body>
</html>

07、多行元素垂直居中,利用flex布局(flex)

利用flex布局实现垂直居中,其中flex-direction: column定义主轴方向为纵向。因为flex布局是CSS3中定义,在较老的浏览器存在兼容性问题。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-多行内联元素垂直居中-flex</title><style>.center-flex {height: 140px;display: flex;flex-direction: column;justify-content: center;border: 2px dashed #f69c55;}
</style>
</head>
<body>
<div class="center-flex"><p>Dance like nobody is watching, code like everybody is.</p>
</div>
</body>
</html>

08、多行元素垂直居中, 利用“精灵元素”

利用“精灵元素”(ghost element)技术实现垂直居中,即在父容器内放一个100%高度的伪元素,让文本和伪元素垂直对齐,从而达到垂直居中的目的。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-多行内联元素垂直居中-伪元素</title><style>.ghost-center {position: relative;border: 2px dashed #f69c55;padding: 10px 0;}.ghost-center::before {content: " ";display: inline-block;height: 100%;width: 1%;vertical-align: middle;}.ghost-center p {display: inline-block;vertical-align: middle;width: 12rem;padding:1rem;color:#fff;background:#000;}
</style>
</head>
<body>
<div class="ghost-center"><p>“你毕业才两年,这三年工作经验是怎么来的?”程序员答:“加班。”</p>
</div>
</body>
</html>

09、块级元素垂直居中,固定高度的块级元素

我们知道居中元素的高度和宽度,垂直居中问题就很简单。通过绝对定位元素距离顶部50%,并设置margin-top向上偏移元素高度的一半,就可以实现垂直居中了。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-固定高度的块元素垂直居中</title><style>.parent {height: 140px;position: relative;border: 2px dashed #f69c55;}.child {position: absolute;top: 50%;height: 100px;margin-top: -50px;color:#fff;background: #000;}
</style>
</head>
<body>
<div class="parent"><div class="child">控制复杂性是计算机编程的本质。</div>
</div>
</body>
</html>

10、块级元素垂直居中, 未知高度的块级元素

当垂直居中的元素的高度和宽度未知时,我们可以借助CSS3中的transform属性向Y轴反向偏移50%的方法实现垂直居中。但是部分浏览器存在兼容性的问题。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-未知高度的块元素垂直居中</title><style>.parent {height: 140px;position: relative;border: 2px dashed #f69c55;}.child {position: absolute;top: 50%;transform: translateY(-50%);background: black;color: #fff;padding: 1rem;width: 12rem;}
</style>
</head>
<body>
<div class="parent"><div class="child">世界上有 10 种人,懂二进制的和不懂二进制的。</div>
</div>
</body>
</html>

3 、水平垂直居中

11、固定宽高元素水平垂直居中

通过margin平移元素整体宽度的一半,使元素水平垂直居中。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-固定宽高元素水平垂直居中</title><style>.parent {height: 140px;position: relative;border: 2px dashed #f69c55;}.child {width: 200px;height: 80px;padding: 10px;position: absolute;top: 50%;left: 50%;margin: -50px 0 0 -110px;background: black;color: #fff;}
</style>
</head>
<body>
<div class="parent"><div class="child">控制复杂性是计算机编程的本质。</div>
</div>
</body>
</html>

12、未知宽高元素水平垂直居中

利用2D变换,在水平和垂直两个方向都向反向平移宽高的一半,从而使元素水平垂直居中。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-未知宽高元素水平垂直居中</title><style>.parent {height: 140px;position: relative;border: 2px dashed #f69c55;}.child {padding: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;background: black;}
</style>
</head>
<body>
<div class="parent"><div class="child">当你试图解决一个你不理解的问题时,复杂化就产成了。</div>
</div>
</body>
</html>

13、 利用flex布局

利用flex布局,其中justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式;而align-items属性定义flex子项在flex容器的当前行的侧轴(纵轴)方向上的对齐方式。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-利用flex布局实现元素水平垂直居中</title><style>.parent {height: 140px;display: flex;justify-content: center;align-items: center;border: 2px dashed #f69c55;}.child {padding: 20px;background: black;color: #fff;}
</style>
</head>
<body>
<div class="parent"><div class="child">Facebook wasn't built in a day.</div>
</div>
</body>
</html>

14、 利用grid布局

利用grid实现水平垂直居中。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-利用grid布局实现元素水平垂直居中</title><style>.parent {height: 140px;display: grid;align-items:center;border: 2px dashed #f69c55;}.child {margin:auto;padding: 20px;width:10rem;color: #fff;background: black;}
</style>
</head>
<body>
<div class="parent"><div class="child">好的程序员能写出人能读懂的代码。</div>
</div>
</body>
</html>

15、 屏幕上水平垂直居中

屏幕上水平垂直居中十分常用,常规的登录及注册页面都需要用到。要保证较好的兼容性,还需要用到表布局。
Demo代码:

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-如何使DIV在屏幕上水平垂直居中显示?兼容性要好</title><style>.outer {display: table;position: absolute;height: 100%;width: 100%;}.middle {display: table-cell;vertical-align: middle;}.inner {margin-left: auto;margin-right: auto;background: #2b2b2b;color:#fff;padding: 2rem;max-width: 320px;}</style>
</head>
<body>
<div class="outer"><div class="middle"><div class="inner"><p>一个好的程序员应该是那种过单行线都要往两边看的人。</p><button value="add" id="add">增加内容</button></div></div>
</div>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">$(document).ready(function () {$("#add").click(function () {$("p").after("<p>解决问题大多数都很容易;找到问题出在哪里却很难。</p>");});});
</script>
</body>
</html> width: 400px;
}
查看全文
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

相关文章

  1. 输入输出流 打印流 数据流等

    1. 标准的输入输出流&#xff1a; System.in:标准的输入流&#xff0c;默认从键盘输入 System.out:标准的输出流&#xff0c;默认从控制台输出 修改默认的输入和输出行为&#xff1a; System类的setIn(InputStream is) / setOut(PrintStream ps)方式重新指定输入和输出的流。…...

    2024/3/24 6:55:32
  2. logstash和kafka版本兼容性

    一、logstash和kafka版本兼容 参考&#xff1a;https://www.elastic.co/guide/en/logstash/7.x/plugins-inputs-kafka.html 例如&#xff1a;如下图所示&#xff0c;logstash7.x版本用的是kafka2.4做的兼容测试。故在使用logstash 7.x版本时&#xff0c;不要使用kafka2.4以下的…...

    2024/3/20 18:53:24
  3. 短视频系统源代码,iOS开发之实现点击图片放大3D效果

    短视频系统源代码&#xff0c;iOS端实现点击图片放大3D效果的相关代码&#xff1a; interface FirmwareViewController ()property (strong, nonatomic) UIImageView *tipImage;implementation FirmwareViewController {UIView *background; } - (void)viewDidLoad {[super v…...

    2024/3/25 10:44:45
  4. Linux内存管理:转换后备缓冲区(TLB)原理

    目录 分页中的转换后备缓冲区&#xff08;TLB&#xff09; TLB原理 TLB的本质是什么 TLB的特殊 TLB的别名问题 TLB的歧义问题 如何尽可能的避免flush TLB 如何管理ASID 更上一层楼 什么时候应该flush TLB 推荐文章&#xff1a; 分页中的转换后备缓冲区&#xff08;T…...

    2024/2/28 23:10:41
  5. nodejs 换源

    解决npm install安装慢的问题国外镜像会很慢可用 get命令查看registry npm config get registry原版结果为 http://registry.npmjs.org用set命令换成阿里的镜像就可以了 npm config set registry https://registry.npm.taobao.org再执行命令 npm install或者直接执行 npm …...

    2024/3/16 14:21:23
  6. vue中使用echarts

    代码&#xff1a; <template><div class"righttop" ref"charts"></div> </template><script> import echarts from echarts export default {name:"",data () {return {}},mounted () {this.mycharts()},methods…...

    2024/2/25 1:43:55
  7. 导出EXCEL的工具类(根据相同内容动态合并单元格)

    导出EXCEL工具类&#xff1a;&#xff08;可导出合并单元格&#xff09; 本博客参照修改&#xff1a;原文出处 package com.apply.controller.util; import com.github.pagehelper.util.StringUtil; import org.apache.poi.hssf.usermodel.HSSFWorkbook; import org.apache.po…...

    2024/3/15 12:02:38
  8. 450. 删除二叉搜索树中的节点

    题目描述 给定一个二叉搜索树的根节点 root 和一个值 key&#xff0c;删除二叉搜索树中的 key 对应的节点&#xff0c;并保证二叉搜索树的性质不变。返回二叉搜索树&#xff08;有可能被更新&#xff09;的根节点的引用。一般来说&#xff0c;删除节点可分为两个步骤&#xff…...

    2024/3/18 5:37:56
  9. PPvuLlcZWz

    nowcoder搬家...

    2024/2/25 18:53:43
  10. “链接新产业,构建新生态” 创新运用区块链技术赋能实体经济

    中国信息通信研究院院长刘多16日表示&#xff0c;区块链作为我国新型基础设施中的新技术基础设施&#xff0c;将是中国新基建投资重点方向。   区块链高峰论坛16日在重庆举行&#xff0c;论坛以“链接新产业&#xff0c;构建新生态”为主题&#xff0c;旨在打造中国区块链产业…...

    2024/3/3 4:40:44
  11. “把嘴给我闭上”,策略使用应该有度

    网购和物流业的快速发展&#xff0c;使得线上交易被越来越多的消费者接纳和欢迎&#xff0c;“直播带货”则是在此基础上兴起的新营销方式。由于“直播”自身的特点&#xff0c;消费者网购的真实感和临场感大大增强&#xff0c;相较于静态图片展示&#xff0c;直播似乎“可接触…...

    2024/3/22 15:28:34
  12. mysql between and 遇到日期查询边界问题

    最近实现一个按日期范围查询列表&#xff0c;例如输入的是日期 2015-11-01到2015-11-03&#xff0c;想得到1号到3号的数据&#xff0c; 执行 select * from table where create_date between 2015-11-01 and 2015-11-03 结果是1号到2号的数据&#xff0c;这是因为时间范围是1号…...

    2024/3/24 10:29:35
  13. MySQL双主模式设计

    1. 适用场景 很多企业刚开始都是使用MySQL主从模式&#xff0c;一主多从、读写分离等。但是单主如果发生单点故障&#xff0c;从库 切换成主库还需要作改动。因此&#xff0c;如果是双主或者多主&#xff0c;就会增加MySQL入口&#xff0c;提升了主库的可用性。 因此随着业务的…...

    2024/3/7 15:25:45
  14. 加密的目的是为了保护企业利益

    对于一个企业来说&#xff0c;数据、文件等都是非常重要的内容&#xff0c;这些都是从公司开启营业时就重视起来的&#xff0c;从营业的第一天开始就要管理好企业的数据库和文件档案。为了防止这些信息被泄露或盗取&#xff0c;必须要进行加密才行&#xff0c;加密的方法很多&a…...

    2024/2/29 16:51:36
  15. istio 常见的 10 个异常

    总结使用 istio 常见的10个异常&#xff1a; Service 端口命名约束 流控规则下发顺序问题 请求中断分析 sidecar 和 user container 启动顺序 Ingress Gateway 和 Service 端口联动 VirtualService 作用域 VirtualService 不支持 host fragment 全链路跟踪并非完全透明接…...

    2024/3/21 19:52:05
  16. RabbitMQ 集群与高可用配置

    集群概述 首先RabbitMQ 这款产品本身的优点众多&#xff0c;大家最看好的便是他的异步化提高系统抗峰值能力&#xff0c;然后便是系统及功能结构解耦&#xff0c;那么照此两点来说&#xff0c;他的在整个系统中的作用还是至关重要的&#xff0c;那么如此重要&#xff0c;当然要…...

    2024/3/20 5:49:10
  17. 孕妇贫血该吃什么?哪些食物可以缓解贫血?

    怀孕是一件令人开心的事情&#xff0c;但随着孕期所需营养越来越多&#xff0c;孕妇需要更加注意营养的补充。我和孕妇朋友闲聊时&#xff0c;发现部分孕妇多多少少都会有些贫血的症状&#xff0c;那么孕妇贫血吃什么食物呢&#xff1f; 红枣益气补血 孕期吃红枣不仅可以促进…...

    2024/3/22 8:13:33
  18. uniapp+colorui 遮罩穿透问题

    当换出遮罩时&#xff0c;上下滑动依然可以滑动遮罩底部内容 此时给遮罩的view标签增加catchtouchmove“return”&#xff0c;就可以防止穿透遮罩问题。...

    2024/2/28 13:52:21
  19. 初出茅庐的SwapX为何可以对垒Uniswap?

    9月17日&#xff0c;DeFi界最大的热点非“Uniswap发行协议代币UNI并空投”莫属&#xff0c;一时间大量用户冲向Uniswap&#xff0c;交易量激增致使以太坊网络拥堵程度突破历史网络拥堵峰值&#xff0c;GAS费一度高达60U以上。 在SushiSwap&#xff08;寿司&#xff09;没有出…...

    2024/2/28 13:52:20
  20. 项目管理第九章项目资源管理

    项目管理第九章项目资源管理 项目资源管理&#xff1a;项目资源管理包括识别、获取和管理所需资源以成功完成项目的各个过程。实物资源包括设备、材料、设施和基本设施&#xff0c;而团队资源或人员指的是人力资源。其过程包括&#xff1a; 规划资源管理&#xff1a;定义如何估…...

    2024/3/28 2:27:03

最新文章

  1. 创业最大的机会是什么?2024普通人的机会!2024创业新风口!2024轻资产创业!2024年做什么行业赚钱有前景?

    开封王婆的爆火就是商机的展现&#xff01;她就是敏锐的发现了婚恋市场上的空白点&#xff0c;看到了年轻人对真实、自由恋爱关系的渴望&#xff0c;以及对情感生活自主性和独立性的追求。并且除了人力几乎没有没有任何成本。而且&#xff0c;这种创业模式几乎只需要人力投入&a…...

    2024/3/28 19:21:37
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. PCB板在线自动激光打标机:高效、精准的电路板标识利器

    PCB板在线自动激光打标机是一种高度自动化的设备&#xff0c;专为PCB&#xff08;印刷电路板&#xff09;板的在线镭雕需求而设计。这种设备结合了激光技术和自动化控制&#xff0c;使得在PCB板上进行高精度、高效率的镭雕成为可能。 ​ PCB板在线自动激光打标机主要由控制系统…...

    2024/3/28 7:37:50
  4. JavaScript高级(十三)---ES6中Set,map

    ES6 Set 在ES6之前&#xff0c;我们存储数据的结构主要有两种&#xff1a;数组、对象。 在ES6中新增了另外两种数据结构&#xff1a;Set、Map&#xff0c;以及它们的另外形式WeakSet、WeakMap。 Set是一个新增的数据结构&#xff0c;可以用来保存数据&#xff0c;类似于数组&a…...

    2024/3/27 11:07:09
  5. 416. 分割等和子集问题(动态规划)

    题目 题解 class Solution:def canPartition(self, nums: List[int]) -> bool:# badcaseif not nums:return True# 不能被2整除if sum(nums) % 2 ! 0:return False# 状态定义&#xff1a;dp[i][j]表示当背包容量为j&#xff0c;用前i个物品是否正好可以将背包填满&#xff…...

    2024/3/28 16:59:55
  6. 【Java】ExcelWriter自适应宽度工具类(支持中文)

    工具类 import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel.CellType; import org.apache.poi.ss.usermodel.Row; import org.apache.poi.ss.usermodel.Sheet;/*** Excel工具类** author xiaoming* date 2023/11/17 10:40*/ public class ExcelUti…...

    2024/3/28 4:39:34
  7. Spring cloud负载均衡@LoadBalanced LoadBalancerClient

    LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon&#xff0c;直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件&#xff0c;我们讨论Spring负载均衡以Spring Cloud2020之后版本为主&#xff0c;学习Spring Cloud LoadBalance&#xff0c;暂不讨论Ribbon…...

    2024/3/28 5:03:31
  8. TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案

    一、背景需求分析 在工业产业园、化工园或生产制造园区中&#xff0c;周界防范意义重大&#xff0c;对园区的安全起到重要的作用。常规的安防方式是采用人员巡查&#xff0c;人力投入成本大而且效率低。周界一旦被破坏或入侵&#xff0c;会影响园区人员和资产安全&#xff0c;…...

    2024/3/27 10:27:59
  9. VB.net WebBrowser网页元素抓取分析方法

    在用WebBrowser编程实现网页操作自动化时&#xff0c;常要分析网页Html&#xff0c;例如网页在加载数据时&#xff0c;常会显示“系统处理中&#xff0c;请稍候..”&#xff0c;我们需要在数据加载完成后才能继续下一步操作&#xff0c;如何抓取这个信息的网页html元素变化&…...

    2024/3/27 3:29:54
  10. 【Objective-C】Objective-C汇总

    方法定义 参考&#xff1a;https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...

    2024/3/28 9:07:44
  11. 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】

    &#x1f468;‍&#x1f4bb;博客主页&#xff1a;花无缺 欢迎 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】&#x1f30f;题目描述&#x1f30f;输入格…...

    2024/3/28 18:09:48
  12. 【ES6.0】- 扩展运算符(...)

    【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数&#xff0…...

    2024/3/27 3:03:23
  13. 摩根看好的前智能硬件头部品牌双11交易数据极度异常!——是模式创新还是饮鸩止渴?

    文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕&#xff0c;各大品牌纷纷晒出优异的成绩单&#xff0c;摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称&#xff0c;在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁&#xff0c;多个平台数据都表现出极度异常…...

    2024/3/28 9:58:22
  14. Go语言常用命令详解(二)

    文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令&#xff0c;这些命令可以帮助您在Go开发中进行编译、测试、运行和…...

    2024/3/28 10:24:59
  15. 用欧拉路径判断图同构推出reverse合法性:1116T4

    http://cplusoj.com/d/senior/p/SS231116D 假设我们要把 a a a 变成 b b b&#xff0c;我们在 a i a_i ai​ 和 a i 1 a_{i1} ai1​ 之间连边&#xff0c; b b b 同理&#xff0c;则 a a a 能变成 b b b 的充要条件是两图 A , B A,B A,B 同构。 必要性显然&#xff0…...

    2024/3/27 0:22:43
  16. 【NGINX--1】基础知识

    1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息&#xff0c;并安装一些有助于配置官方 NGINX 软件包仓库的软件包&#xff1a; apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...

    2024/3/27 8:17:26
  17. Hive默认分割符、存储格式与数据压缩

    目录 1、Hive默认分割符2、Hive存储格式3、Hive数据压缩 1、Hive默认分割符 Hive创建表时指定的行受限&#xff08;ROW FORMAT&#xff09;配置标准HQL为&#xff1a; ... ROW FORMAT DELIMITED FIELDS TERMINATED BY \u0001 COLLECTION ITEMS TERMINATED BY , MAP KEYS TERMI…...

    2024/3/28 17:15:47
  18. 【论文阅读】MAG:一种用于航天器遥测数据中有效异常检测的新方法

    文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中&#xff0c;传感器和控制器产生大量周…...

    2024/3/28 8:42:54
  19. --max-old-space-size=8192报错

    vue项目运行时&#xff0c;如果经常运行慢&#xff0c;崩溃停止服务&#xff0c;报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中&#xff0c;通过JavaScript使用内存时只能使用部分内存&#xff08;64位系统&…...

    2024/3/28 8:14:39
  20. 基于深度学习的恶意软件检测

    恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞&#xff0c;例如可以被劫持的合法软件&#xff08;例如浏览器或 Web 应用程序插件&#xff09;中的错误。 恶意软件渗透可能会造成灾难性的后果&#xff0c;包括数据被盗、勒索或网…...

    2024/3/27 15:45:39
  21. JS原型对象prototype

    让我简单的为大家介绍一下原型对象prototype吧&#xff01; 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定&#xff0c;每一个构造函数都有一个 prototype 属性&#xff0c;指向另一个对象&#xff0c;所以我们也称为原型对象…...

    2024/3/27 21:26:55
  22. C++中只能有一个实例的单例类

    C中只能有一个实例的单例类 前面讨论的 President 类很不错&#xff0c;但存在一个缺陷&#xff1a;无法禁止通过实例化多个对象来创建多名总统&#xff1a; President One, Two, Three; 由于复制构造函数是私有的&#xff0c;其中每个对象都是不可复制的&#xff0c;但您的目…...

    2024/3/28 8:24:01
  23. python django 小程序图书借阅源码

    开发工具&#xff1a; PyCharm&#xff0c;mysql5.7&#xff0c;微信开发者工具 技术说明&#xff1a; python django html 小程序 功能介绍&#xff1a; 用户端&#xff1a; 登录注册&#xff08;含授权登录&#xff09; 首页显示搜索图书&#xff0c;轮播图&#xff0…...

    2024/3/28 5:29:22
  24. 电子学会C/C++编程等级考试2022年03月(一级)真题解析

    C/C++等级考试(1~8级)全部真题・点这里 第1题:双精度浮点数的输入输出 输入一个双精度浮点数,保留8位小数,输出这个浮点数。 时间限制:1000 内存限制:65536输入 只有一行,一个双精度浮点数。输出 一行,保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...

    2024/3/28 9:26:43
  25. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  26. 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...

    2022/11/19 21:17:16
  27. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  28. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  29. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  30. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  31. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  32. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  33. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  34. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  35. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  36. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...

    2022/11/19 21:17:05
  37. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  38. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  39. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  40. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  41. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  42. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  43. 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  44. 如何在iPhone上关闭“请勿打扰”

    Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...

    2022/11/19 21:16:57