前端行级元素和块级元素的基本区别
块级元素和行内元素的基本区别是，
行内元素可以与其他行内元素并排；块级元素独占一行，不能与其他任何元素并列；
下面看一下；
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>div demo </title>
<style></style>
</head><body><div id="div1" style="width: 100px;height: 100px;border: 3px solid green;">
</div>
<div id="div2" style="width: 100px;height: 100px;border: 3px solid green;">
</div></br></br><a href="">AAABBBCCC</a>
<a href="">DDDFFFEEE</a></body>
</html>div是典型块级元素；<a>是行内元素；
2个div在代码中是挨着的，2个<a>也是；
元素都设置几个基本属性，不做更多设置；运行如下；
2个div自己会分到不同行；2个<a>自己会在一行里；
相关文章：
前端行级元素和块级元素的基本区别
块级元素和行内元素的基本区别是， 行内元素可以与其他行内元素并排；块级元素独占一行，不能与其他任何元素并列； 下面看一下； <!DOCTYPE html> <html> <head> <meta charset"utf-8"&…...
CentOS 7用二进制安装MySQL5.7
[rootlocalhost ~]# [rootlocalhost ~]# ll 总用量 662116 -rw-------. 1 root root 1401 8月 29 19:29 anaconda-ks.cfg -rw-r--r--. 1 root root 678001736 8月 29 19:44 mysql-5.7.40-linux-glibc2.12-x86_64.tar.gz [rootlocalhost ~]# tar xf mysql-5.7.40-linux-…...
华为加速回归Mate 60发布, 7nm全自研工艺芯片
华为于今天12:08推出“HUAWEI Mate 60 Pro先锋计划”，让部分消费者提前体验。在华为商城看到，华为Mate 60 pro手机已上架，售价6999元，提供雅川青、白沙银、南糯紫、雅丹黑四种配色供选择。 据介绍，华为在卫星通信领域…...
Linux系列讲解 —— 【systemd】下载及编译记录
Ubuntu18.04的init程序合并到了systemd中，本篇文章记录一下systemd的下载和编译。 1. 下载systemd源码 (1) 查看systemd版本号，用来确定需要下载的分支 sunsun-pc:~$ systemd --version systemd 237 PAM AUDIT SELINUX IMA APPARMOR SMACK SYSVINIT UT…...
u-view 的u-calendar 组件设置默认日期后，多次点击后，就不滚动到默认日期的位置
场景：uniapp开发微信小程序 vue2 uview版本：2.0.36 ； u-calendar 组件设置默认日期后 我打开弹窗，再关闭弹窗， 重复两次 就不显示默认日期了 在源码中找到这个位置进行打印值，根据出bug前后的值进行…...
vue naive ui 按钮绑定按键
使用vue (naive ui) 绑定Enter 按键 知识点: 按键绑定Button全局挂载使得message,notification, dialog, loadingBar 等NaiveUI 生效UMD方式使用vue 与 naive ui将vue默认的 分隔符大括号 替换 为 [[ ]] <!DOCTYPE html> <html lang"en"> <head>…...
Viobot基本功能使用及介绍
设备拿到手当然是要先试一下效果的，这部分可以参考本专栏的第一篇 Viobot开机指南。 接下来我们就从UI开始熟悉这个产品吧！ 1.状态 设备上电会自动运行它的程序，开启了一个服务器，上位机通过连接这个服务器连接到设备，…...
《PMBOK指南》第七版12大原则和8大绩效域
《PMBOK指南》第七版12大原则 原则1：成为勤勉、尊重和关心他人的管家 原则2：营造协作的项目团队环境 原则3：有效地干系人参与 原则4：聚焦于价值 原则5：识别、评估和响应系统交互 原则6：展现领导力行为…...
docker 启动命令
cd /ycw/docker docker build -f DockerFile -t jshepr:1.0 . #前面测试docker已经介绍过该命令下面就不再介绍了 docker images docker run -it -p 7003:9999 --name yyy -d jshepr:1.0 #上面运行报错 用这个 不报错就不用 docker rm yyy docker ps #查看项目日志 docker …...
C++ DAY7
一、类模板 建立一个通用的类，其类中的类型不确定，用一个虚拟类型替代 template<typename T> 类template ----->表示开始创建模板 typename -->表明后面的符号是数据类型，typename 也可以用class代替 T ----->表示数据类型…...
Vue2 使用插件 Volar 报错：＜template v-for＞ key should be placed on the ＜template＞ tag.
目录 问题描述 版本描述 问题定位 问题解决 VS Code 插件地址 问题描述 在 VS Code 上使用插件 Volar 开发 Vue3 项目，然后去改 Vue2 项目时，对没有放在<template v-for> 元素上的 :key，会提示 <template v-for> key should…...
和 run ()有什么区别)
启动线程方法 start ()和 run ()有什么区别
在Java中，线程可以通过调用start()方法或者直接调用run()方法来执行。这两种方式有着重要的区别： start() 方法：当你调用线程的start()方法时，它会使线程进入就绪状态，等待系统调度。系统会为该线程分配资源，并在合适的时机执行线程的run()方法。实际上，start()方法会启…...
Java的全排列模板
c有全排列函数，我们Java没有，所以我们只能自己手写了。 模板一：（不去重） import java.util.ArrayList; import java.util.Random; import java.util.Scanner; public class liyunpeng {public static void main(Stri…...
读书笔记——《万物有灵》
前言 上一本书是《走出荒野》，太平洋步道女王提到了这本书《万物有灵》，她同样是看一点撕一点的阅读。我想，在她穿越山河森林，听见鸟鸣溪流的旅行过程中，是不是看这本描写动物有如何聪明的书——《万物有灵》…...
面试现场表现：展示你的编程能力和沟通技巧
🌷🍁 博主猫头虎 带您 Go to New World.✨🍁 🦄 博客首页——猫头虎的博客🎐 🐳《面试题大全专栏》 文章图文并茂🦕生动形象🦖简单易学！欢迎大家来踩踩~🌺 &a…...
34亿的mysql表如何优雅的扩字段长度兵并归档重建
业务背景： 该系统有一张表数据量已达到34亿，并且有个字段长度不够，导致很多数据无法插入。因为业务只要保留近2个月数据即可，所以需要接下来需要做2点：1，扩字段长度 2，只保留近2个月的数据。 …...
C#_进程单例模式.秒懂Mutex
什么是Mutex? 可以定义调用线程是否具有互斥性，程序创建者拥有控制权，相反只能引用程序。 参数1：如果是程序创建者，就获得控制权。 参数2：名称，可使用GUID生成。 参数3：out 返回值…...
AcWing 5050. 排序 （每日一题）
题目描述 给定一个长度为 n 的由小写字母构成的字符串。 请你按照 a∼z 的顺序，对字符串内的字符进行重新排序，并输出重新排序后的字符串。 输入格式 第一行包含整数 T ，表示共有 T 组测试数据。 每组数据第一行包含整数 n 。 第二行包…...
【TypeScript】proxy 和 Reflect
proxy （代理） 和 Reflect （反射） 参数一样。 基本用法 let person { name: xx, age: 20} // proxy 支持对象，数组，函数，set，map // 代理对象的常用模式：前面一个对象&…...
STM32f103入门（5）定时器中断
STM32 TIM（定时器/计数器）模块的中断流程如下： 配置TIM寄存器：首先，通过配置TIM相关的寄存器来设置计时器的基本参数，例如预分频系数、计数模式、计数器周期等。 使能TIM中断：使用TIM_ITConfig函…...
css实现圆环展示百分比，根据值动态展示所占比例
代码如下 <view class""><view class"circle-chart"><view v-if"!!num" class"pie-item" :style"{background: conic-gradient(var(--one-color) 0%,#E9E6F1 ${num}%),}"></view><view v-else …...
Appium+python自动化（十六）- ADB命令
简介 Android 调试桥(adb)是多种用途的工具，该工具可以帮助你你管理设备或模拟器 的状态。 adb ( Android Debug Bridge)是一个通用命令行工具，其允许您与模拟器实例或连接的 Android 设备进行通信。它可为各种设备操作提供便利，如安装和调试…...
Python爬虫实战：研究feedparser库相关技术
1. 引言 1.1 研究背景与意义 在当今信息爆炸的时代，互联网上存在着海量的信息资源。RSS（Really Simple Syndication）作为一种标准化的信息聚合技术，被广泛用于网站内容的发布和订阅。通过 RSS，用户可以方便地获取网站更新的内容，而无需频繁访问各个网站。 然而，互联网…...
【网络安全产品大调研系列】2. 体验漏洞扫描
前言 2023 年漏洞扫描服务市场规模预计为 3.06（十亿美元）。漏洞扫描服务市场行业预计将从 2024 年的 3.48（十亿美元）增长到 2032 年的 9.54（十亿美元）。预测期内漏洞扫描服务市场 CAGR（增长率&…...
基于当前项目通过npm包形式暴露公共组件
1.package.sjon文件配置 其中xh-flowable就是暴露出去的npm包名 2.创建tpyes文件夹，并新增内容 3.创建package文件夹...
华为OD机试-食堂供餐-二分法
import java.util.Arrays; import java.util.Scanner;public class DemoTest3 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseint a in.nextIn…...
解决本地部署 SmolVLM2 大语言模型运行 flash-attn 报错
出现的问题 安装 flash-attn 会一直卡在 build 那一步或者运行报错 解决办法 是因为你安装的 flash-attn 版本没有对应上，所以报错，到 https://github.com/Dao-AILab/flash-attention/releases 下载对应版本，cu、torch、cp 的版本一定要对…...
HTML前端开发：JavaScript 常用事件详解
作为前端开发的核心，JavaScript 事件是用户与网页交互的基础。以下是常见事件的详细说明和用法示例： 1. onclick - 点击事件 当元素被单击时触发（左键点击） button.onclick function() {alert("按钮被点击了！&…...
【HTTP三个基础问题】
面试官您好！HTTP是超文本传输协议，是互联网上客户端和服务器之间传输超文本数据（比如文字、图片、音频、视频等）的核心协议，当前互联网应用最广泛的版本是HTTP1.1，它基于经典的C/S模型，也就是客…...
OPenCV CUDA模块图像处理-----对图像执行 均值漂移滤波（Mean Shift Filtering）函数meanShiftFiltering()
操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述 在 GPU 上对图像执行 均值漂移滤波（Mean Shift Filtering），用于图像分割或平滑处理。 该函数将输入图像中的…...