当前位置： 首页 > news >正文

css的Grid布局

news 2026/3/28 18:00:13

1.简单布局

.grid {
display: grid;
grid-template-columns: 1fr 2fr 1fr;  布局样式
column-gap: 24px;   列间距
row-gap: 24px;   行间距
}

2.排列布局    center垂直方向居中对其   end靠下对齐

3.水平方向对齐  center居中     end靠右对齐    space-between两段对齐

4.对轨道进行对齐 

5.排列元素

相关文章：

css的Grid布局

1.简单布局 .grid { display: grid; grid-template-columns: 1fr 2fr 1fr; 布局样式 column-gap: 24px; 列间距 row-gap: 24px; 行间距 } 2.排列布局 center垂直方向居中对其 end靠下对齐 3.水平方向对齐 center居中 end靠右对齐 space-between两段对齐 4.对…...

编程日记 2023/12/15 22:27:12

Python接口测试框架选择之pytest+yaml+Allure！

一、为什么选择pytest？ pytest完全兼容python自带的unittest pytest让单元测试更简单，能很好的管理测试用例。 对于实现接口测试的复杂场景，pytest的fixture、PDB等高阶用法都能实现需求。 入门简单，对于代码基础薄弱的团队人员…...

编程日记 2023/12/15 22:25:10

03-详解Nacos注册中心的配置步骤和功能

Nacos注册中心 服务注册到Nacos Nacos是SpringCloudAlibaba的组件也遵循SpringCloud中定义的服务注册和服务发现规范,因此使用Nacos与使用Eureka对于微服务来说并没有太大区别 主要差异就是依赖不同,服务地址不同 第一步: 在父工程cloud-demo模块的pom.xml文件中引入Spring…...

编程日记 2023/12/15 22:19:06

微服务学习：Nacos微服务架构中的服务注册、服务发现和动态配置Nacos下载

Nacos的主要用途包括： 服务注册与发现：Nacos提供了服务注册和发现的功能，服务提供者可以将自己的服务注册到Nacos服务器上，服务消费者则可以通过Nacos来发现可用的服务实例，从而实现服务调用。 动态配置管理&#xff…...

编程日记 2023/12/15 22:18:04

逆向经历回顾总结

逆向经历回顾总结 一、前言 将自己的逆向经验做个总结，希望新手对逆向大方向能快速了解。高手有啥不一样的经验也可以讨论讨论。 二、个人经历 本人入行逆向全因一部韩剧“幽灵”，里面涉及渗透、病毒分析、取证的攻防对抗，我觉得对新手来说…...

编程日记 2023/12/15 22:17:03

企业IT安全：内部威胁检测和缓解

什么是内部威胁 内部威胁是指由组织内部的某个人造成的威胁，他们可能会造成损害或窃取数据以谋取自己的经济利益，造成这种威胁的主要原因是心怀不满的员工。 任何内部人员，无论是员工、前雇员、承包商、第三方供应商还是业务合作伙伴&#…...

编程日记 2023/12/15 22:16:03

Linux 服务器较为强大的运维及管理脚本实现（支援：本机线上操作）

功能： Copyright (C) 2019 ~ 2023 Sichuan Jiaile Network Information Technology Co., LTD. All rights reserved. STG SCRIPT.(X) 1.0.0 VERSION Usage: ./linux.sh make 编译 ./linux.sh make ld …...

编程日记 2023/12/15 22:14:01

【数据结构】插入排序，希尔排序，选择排序，堆排序，冒泡排序

1.插入排序 思路：插入排序将一个数插入一个有序的数组里面，将这个数和数组元素挨着比较，直到他插入到合适的位置。 动画演示： 步骤：1.定义一个变量tmp保存要插入的数据 2.在循环中用tmp和有序数组中的元素比较&#…...

编程日记 2023/12/15 22:12:59

MyBatis--07--启动过程分析、SqlSession安全问题、拦截器

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 谈谈MyBatis的启动过程具体的操作过程如下：实现测试类,并测试SqlSessionFactorySqlSession SqlSession有数据安全问题?在MyBatis中，SqlSess…...

编程日记 2023/12/15 22:11:58

Qt基础之四十二：QMap、QHash的实现原理和性能对比

一.红黑树与哈希表 1.红黑树 红黑树，是一种二叉搜索树，但在每个结点上增加一个存储位表示结点的颜色，可以是Red或Black。 通过对任何一条从根到叶子的路径上各个结点着色方式的限制，红黑树确保没有一条路径会比其他路径长出俩倍，因而是接近平衡的。 红黑树为了保证其最长…...

编程日记 2023/12/15 22:10:57

虚幻学习笔记12—C++类的实例化

一、前言 本系列如无特殊说明使用的虚幻版本都是5.2.1，VS为2022版本。在Unity中通常创建的脚本都默认继承了MonoBehavior，都是不能再用代码New而实例化的，虚幻也是一样不能直接New来实例化。在Unity中是通过Instantiate方法来实例化一个游戏对…...

编程日记 2023/12/15 22:08:55

【《漫画算法》笔记】快速排序

非递归实现 使用集合栈代替递归的函数栈 public static void main(String[] args) {int[] arrnew int[]{4,4,6,4,3,2,8,1}; // int[] arrnew int[]{3,2}; // quickSort1(arr,0,arr.length-1); // recursive, double sides // quickSort2(arr,0,arr.lengt…...

编程日记 2023/12/15 22:04:51

C++如何通过调用ffmpeg接口对H265文件进行编码和解码

要对H265文件进行编码和解码&#xff0c;需要使用FFmpeg库提供的相关API。以下是一个简单的C程序&#xff0c;演示如何使用FFmpeg进行H265文件的编码和解码&#xff1a; 编码&#xff1a; #include <cstdlib> #include <cstdio> #include <cstring> #inclu…...

编程日记 2023/12/15 22:00:47

8位LED流水灯设计

一、实验目的 本实验为设计性实验，要求理解和掌握触发器、译码器、时序脉冲、LED显示单元的工作原理与功能，通过设计和制作8位的LED流水灯电路，综合运用触发器和译码器等逻辑器件及显示单元进行功能性时序逻辑电路的设计和制作，掌握时序逻辑电路的基本设计和调试方法。 二、…...

编程日记 2023/12/15 21:58:45

eclipse连接mysql数据库（下载eclipse，下载安装mysql，下载mysql驱动）

前言&#xff1a; 使用版本&#xff1a;eclipse2017&#xff0c;mysql5.7.0&#xff0c;MySQL的jar建议使用最新的&#xff0c;可以避免警告&#xff01; 1&#xff1a;下载安装&#xff1a;eclipse&#xff0c;mysql在我之前博客中有 http://t.csdnimg.cn/UW5fshttp://t.csdn…...

编程日记 2023/12/15 21:57:44

【信息学奥赛】拼在起跑线上，想入道就别落下自己！

编程无难事&#xff0c;只怕有心人&#xff0c;学就是了&#xff01; 文章目录 1 信息学奥赛简介2 信息学竞赛的经验回顾3 优秀参考图书推荐《信息学奥赛一本通关》4 高质量技术圈开放 1 信息学奥赛简介 信息学奥赛&#xff0c;作为全国中学生学科奥林匹克“五大学科竞赛”之一…...

编程日记 2023/12/15 21:56:43

Python 进程池Pool Queue，运行不出来结果！

文章目录 代码及结论 代码及结论 import os from multiprocessing import Pool, Queue from collections import Counterdef func(q):q.put(1)queue Queue()with Pool(4) as pool:for i in range(10):pool.apply_async(func, args(queue,),)print(queue.qsize())上边的代码qu…...

编程日记 2023/12/15 21:50:36

yolov8实战第二天——yolov8训练结果分析（保姆式解读）

yolov8实战第一天——yolov8部署并训练自己的数据集&#xff08;保姆式教程&#xff09;-CSDN博客 我们在上一篇文章训练了一个老鼠的yolov8检测模型&#xff0c;训练结果如下图&#xff0c;接下来我们就详细解析下面几张图。 一、混淆矩阵 正确挑选&#xff08;正确&#…...

编程日记 2023/12/15 21:48:35

​urllib.request --- 用于打开 URL 的可扩展库​

源码&#xff1a; Lib/urllib/request.py urllib.request 模块定义了适用于在各种复杂情况下打开 URL&#xff08;主要为 HTTP&#xff09;的函数和类 --- 例如基本认证、摘要认证、重定向、cookies 及其它。 参见 对于更高级别的 HTTP 客户端接口&#xff0c;建议使用 Reques…...

编程日记 2023/12/15 21:42:30

【Docker】进阶之路：（十二）Docker Composer

【Docker】进阶之路&#xff1a;&#xff08;十二&#xff09;Docker Composer Docker Compose 简介安装 Docker Compose模板文件语法docker-compose.yml 语法说明imagecommandlinksexternal_linksportsexposevolumesvolunes_fromenvironmentenv_fileextendsnetpiddnscap_add,c…...

编程日记 2023/12/15 21:39:28

效率提升利器：用快马生成智能脚本，一键统一团队node.js开发环境

在团队协作开发中&#xff0c;最让人头疼的莫过于"在我电脑上能跑"的环境问题。最近我们团队尝试用InsCode(快马)平台生成智能脚本&#xff0c;彻底解决了Node.js环境配置这个老大难问题。分享下这个提升效率的实践过程&#xff1a; 环境检测自动化 传统方式需要每个…...

编程新知 2026/3/28 17:19:42

MOOTDX实战指南：零门槛获取股票数据的Python解决方案

MOOTDX实战指南&#xff1a;零门槛获取股票数据的Python解决方案 【免费下载链接】mootdx 通达信数据读取的一个简便使用封装 项目地址: https://gitcode.com/GitHub_Trending/mo/mootdx 副标题&#xff1a;量化投资 | 金融数据接口 | Python工具库 一、价值定位&#…...

编程新知 2026/3/28 16:39:29

Qwen3-ASR-1.7B实战教程：curl命令行调用API实现无人值守识别任务

Qwen3-ASR-1.7B实战教程&#xff1a;curl命令行调用API实现无人值守识别任务 1. 课程目标与价值 本教程将教你如何使用curl命令行工具调用Qwen3-ASR-1.7B语音识别模型的API接口&#xff0c;实现自动化、无人值守的语音转文字任务。学完本教程&#xff0c;你将能够&#xff1a…...

编程新知 2026/3/28 14:50:47

CodeHub：解锁3大效率革命，重新定义GitHub项目管理体验

CodeHub&#xff1a;解锁3大效率革命&#xff0c;重新定义GitHub项目管理体验 【免费下载链接】CodeHub A UWP GitHub Client 项目地址: https://gitcode.com/gh_mirrors/code/CodeHub 作为开发者&#xff0c;你是否曾在GitHub网页版中迷失于多标签页切换的混乱&#x…...

编程新知 2026/3/28 13:38:25

AI转PSD终极指南：3步实现Illustrator到Photoshop的无缝转换

AI转PSD终极指南&#xff1a;3步实现Illustrator到Photoshop的无缝转换 【免费下载链接】ai-to-psd A script for prepare export of vector objects from Adobe Illustrator to Photoshop 项目地址: https://gitcode.com/gh_mirrors/ai/ai-to-psd 还在为Illustrator中的…...

编程新知 2026/3/28 12:48:03

国内开发者福音：手把手教你用微软Authenticator搞定GitHub 2FA验证（附Recovery Codes保存指南）

国内开发者实战指南&#xff1a;微软Authenticator无缝对接GitHub双重验证 GitHub作为全球最大的代码托管平台&#xff0c;近期强制要求所有开发者账户启用双重身份验证&#xff08;2FA&#xff09;。对于国内开发者而言&#xff0c;这一安全措施的实施却面临着诸多实际困难——…...

编程新知 2026/3/28 12:01:49

别再手动调顺序了！用Vue3+Element Plus+Sortable.js给你的表格加个拖拽编辑弹窗（附完整代码）

Vue3Element PlusSortable.js打造高交互表格编辑弹窗实战 后台管理系统开发中&#xff0c;表格数据的顺序调整和字段管理一直是高频痛点。传统方案往往需要反复点击"上移/下移"按钮或填写表单参数&#xff0c;操作繁琐且体验割裂。本文将带你实现一个弹窗内一站式拖…...

编程新知 2026/3/28 10:37:01

WorkshopDL：打破平台壁垒，让非Steam用户也能畅享创意工坊模组

WorkshopDL&#xff1a;打破平台壁垒&#xff0c;让非Steam用户也能畅享创意工坊模组 【免费下载链接】WorkshopDL WorkshopDL - The Best Steam Workshop Downloader 项目地址: https://gitcode.com/gh_mirrors/wo/WorkshopDL 在当今数字游戏时代&#xff0c;模组&…...

编程新知 2026/3/28 9:34:25

思源宋体TTF：5个高效技巧提升你的中文排版专业度

思源宋体TTF&#xff1a;5个高效技巧提升你的中文排版专业度 【免费下载链接】source-han-serif-ttf Source Han Serif TTF 项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf 还在为中文排版效果不佳而烦恼吗&#xff1f;思源宋体TTF字体库为你提供了…...

编程新知 2026/3/28 9:32:25

告别重复造轮子：用快马平台一键生成高效yolov11开发模板

告别重复造轮子&#xff1a;用快马平台一键生成高效yolov11开发模板 最近在做一个基于yolov11的目标检测项目&#xff0c;发现从零开始搭建开发环境特别费时间。光是配环境、写基础代码、整合工具链这些重复性工作&#xff0c;就占用了将近一半的开发周期。后来尝试用InsCode(…...

编程新知 2026/3/28 9:32:25