Vue3整合Tailwindcss之padding样式类

04 常用基础样式

padding 样式类

什么是内边距

在这里插入图片描述

基础样式

ClassProperties
p-0padding: 0px;
px-0padding-left: 0px; padding-right: 0px;
py-0padding-top: 0px; padding-bottom: 0px;
ps-0padding-inline-start: 0px;
pe-0padding-inline-end: 0px;
pt-0padding-top: 0px;
pr-0padding-right: 0px;
pb-0padding-bottom: 0px;
pl-0padding-left: 0px;
p-pxpadding: 1px;
px-pxpadding-left: 1px; padding-right: 1px;
py-pxpadding-top: 1px; padding-bottom: 1px;
ps-pxpadding-inline-start: 1px;
pe-pxpadding-inline-end: 1px;
pt-pxpadding-top: 1px;
pr-pxpadding-right: 1px;
pb-pxpadding-bottom: 1px;
pl-pxpadding-left: 1px;
p-0.5padding: 0.125rem; /* 2px */
px-0.5padding-left: 0.125rem; /* 2px / padding-right: 0.125rem; / 2px */
py-0.5padding-top: 0.125rem; /* 2px / padding-bottom: 0.125rem; / 2px */
ps-0.5padding-inline-start: 0.125rem; /* 2px */
pe-0.5padding-inline-end: 0.125rem; /* 2px */
pt-0.5padding-top: 0.125rem; /* 2px */
pr-0.5padding-right: 0.125rem; /* 2px */
pb-0.5padding-bottom: 0.125rem; /* 2px */
pl-0.5padding-left: 0.125rem; /* 2px */
p-1padding: 0.25rem; /* 4px */
px-1padding-left: 0.25rem; /* 4px / padding-right: 0.25rem; / 4px */
py-1padding-top: 0.25rem; /* 4px / padding-bottom: 0.25rem; / 4px */
ps-1padding-inline-start: 0.25rem; /* 4px */
pe-1padding-inline-end: 0.25rem; /* 4px */
pt-1padding-top: 0.25rem; /* 4px */
pr-1padding-right: 0.25rem; /* 4px */
pb-1padding-bottom: 0.25rem; /* 4px */
pl-1padding-left: 0.25rem; /* 4px */
p-1.5padding: 0.375rem; /* 6px */
px-1.5padding-left: 0.375rem; /* 6px / padding-right: 0.375rem; / 6px */
py-1.5padding-top: 0.375rem; /* 6px / padding-bottom: 0.375rem; / 6px */
ps-1.5padding-inline-start: 0.375rem; /* 6px */
pe-1.5padding-inline-end: 0.375rem; /* 6px */
pt-1.5padding-top: 0.375rem; /* 6px */
pr-1.5padding-right: 0.375rem; /* 6px */
pb-1.5padding-bottom: 0.375rem; /* 6px */
pl-1.5padding-left: 0.375rem; /* 6px */
p-2padding: 0.5rem; /* 8px */
px-2padding-left: 0.5rem; /* 8px / padding-right: 0.5rem; / 8px */
py-2padding-top: 0.5rem; /* 8px / padding-bottom: 0.5rem; / 8px */
ps-2padding-inline-start: 0.5rem; /* 8px */
pe-2padding-inline-end: 0.5rem; /* 8px */
pt-2padding-top: 0.5rem; /* 8px */
pr-2padding-right: 0.5rem; /* 8px */
pb-2padding-bottom: 0.5rem; /* 8px */
pl-2padding-left: 0.5rem; /* 8px */
p-2.5padding: 0.625rem; /* 10px */
px-2.5padding-left: 0.625rem; /* 10px / padding-right: 0.625rem; / 10px */
py-2.5padding-top: 0.625rem; /* 10px / padding-bottom: 0.625rem; / 10px */
ps-2.5padding-inline-start: 0.625rem; /* 10px */
pe-2.5padding-inline-end: 0.625rem; /* 10px */
pt-2.5padding-top: 0.625rem; /* 10px */
pr-2.5padding-right: 0.625rem; /* 10px */
pb-2.5padding-bottom: 0.625rem; /* 10px */
pl-2.5padding-left: 0.625rem; /* 10px */
p-3padding: 0.75rem; /* 12px */
px-3padding-left: 0.75rem; /* 12px / padding-right: 0.75rem; / 12px */
py-3padding-top: 0.75rem; /* 12px / padding-bottom: 0.75rem; / 12px */
ps-3padding-inline-start: 0.75rem; /* 12px */
pe-3padding-inline-end: 0.75rem; /* 12px */
pt-3padding-top: 0.75rem; /* 12px */
pr-3padding-right: 0.75rem; /* 12px */
pb-3padding-bottom: 0.75rem; /* 12px */
pl-3padding-left: 0.75rem; /* 12px */
p-3.5padding: 0.875rem; /* 14px */
px-3.5padding-left: 0.875rem; /* 14px / padding-right: 0.875rem; / 14px */
py-3.5padding-top: 0.875rem; /* 14px / padding-bottom: 0.875rem; / 14px */
ps-3.5padding-inline-start: 0.875rem; /* 14px */
pe-3.5padding-inline-end: 0.875rem; /* 14px */
pt-3.5padding-top: 0.875rem; /* 14px */
pr-3.5padding-right: 0.875rem; /* 14px */
pb-3.5padding-bottom: 0.875rem; /* 14px */
pl-3.5padding-left: 0.875rem; /* 14px */
p-4padding: 1rem; /* 16px */
px-4padding-left: 1rem; /* 16px / padding-right: 1rem; / 16px */
py-4padding-top: 1rem; /* 16px / padding-bottom: 1rem; / 16px */
ps-4padding-inline-start: 1rem; /* 16px */
pe-4padding-inline-end: 1rem; /* 16px */
pt-4padding-top: 1rem; /* 16px */
pr-4padding-right: 1rem; /* 16px */
pb-4padding-bottom: 1rem; /* 16px */
pl-4padding-left: 1rem; /* 16px */
p-5padding: 1.25rem; /* 20px */
px-5padding-left: 1.25rem; /* 20px / padding-right: 1.25rem; / 20px */
py-5padding-top: 1.25rem; /* 20px / padding-bottom: 1.25rem; / 20px */
ps-5padding-inline-start: 1.25rem; /* 20px */
pe-5padding-inline-end: 1.25rem; /* 20px */
pt-5padding-top: 1.25rem; /* 20px */
pr-5padding-right: 1.25rem; /* 20px */
pb-5padding-bottom: 1.25rem; /* 20px */
pl-5padding-left: 1.25rem; /* 20px */
p-6padding: 1.5rem; /* 24px */
px-6padding-left: 1.5rem; /* 24px / padding-right: 1.5rem; / 24px */
py-6padding-top: 1.5rem; /* 24px / padding-bottom: 1.5rem; / 24px */
ps-6padding-inline-start: 1.5rem; /* 24px */
pe-6padding-inline-end: 1.5rem; /* 24px */
pt-6padding-top: 1.5rem; /* 24px */
pr-6padding-right: 1.5rem; /* 24px */
pb-6padding-bottom: 1.5rem; /* 24px */
pl-6padding-left: 1.5rem; /* 24px */
p-7padding: 1.75rem; /* 28px */
px-7padding-left: 1.75rem; /* 28px / padding-right: 1.75rem; / 28px */
py-7padding-top: 1.75rem; /* 28px / padding-bottom: 1.75rem; / 28px */
ps-7padding-inline-start: 1.75rem; /* 28px */
pe-7padding-inline-end: 1.75rem; /* 28px */
pt-7padding-top: 1.75rem; /* 28px */
pr-7padding-right: 1.75rem; /* 28px */
pb-7padding-bottom: 1.75rem; /* 28px */
pl-7padding-left: 1.75rem; /* 28px */
p-8padding: 2rem; /* 32px */
px-8padding-left: 2rem; /* 32px / padding-right: 2rem; / 32px */
py-8padding-top: 2rem; /* 32px / padding-bottom: 2rem; / 32px */
ps-8padding-inline-start: 2rem; /* 32px */
pe-8padding-inline-end: 2rem; /* 32px */
pt-8padding-top: 2rem; /* 32px */
pr-8padding-right: 2rem; /* 32px */
pb-8padding-bottom: 2rem; /* 32px */
pl-8padding-left: 2rem; /* 32px */
p-9padding: 2.25rem; /* 36px */
px-9padding-left: 2.25rem; /* 36px / padding-right: 2.25rem; / 36px */
py-9padding-top: 2.25rem; /* 36px / padding-bottom: 2.25rem; / 36px */
ps-9padding-inline-start: 2.25rem; /* 36px */
pe-9padding-inline-end: 2.25rem; /* 36px */
pt-9padding-top: 2.25rem; /* 36px */
pr-9padding-right: 2.25rem; /* 36px */
pb-9padding-bottom: 2.25rem; /* 36px */
pl-9padding-left: 2.25rem; /* 36px */
p-10padding: 2.5rem; /* 40px */
px-10padding-left: 2.5rem; /* 40px / padding-right: 2.5rem; / 40px */
py-10padding-top: 2.5rem; /* 40px / padding-bottom: 2.5rem; / 40px */
ps-10padding-inline-start: 2.5rem; /* 40px */
pe-10padding-inline-end: 2.5rem; /* 40px */
pt-10padding-top: 2.5rem; /* 40px */
pr-10padding-right: 2.5rem; /* 40px */
pb-10padding-bottom: 2.5rem; /* 40px */
pl-10padding-left: 2.5rem; /* 40px */
p-11padding: 2.75rem; /* 44px */
px-11padding-left: 2.75rem; /* 44px / padding-right: 2.75rem; / 44px */
py-11padding-top: 2.75rem; /* 44px / padding-bottom: 2.75rem; / 44px */
ps-11padding-inline-start: 2.75rem; /* 44px */
pe-11padding-inline-end: 2.75rem; /* 44px */
pt-11padding-top: 2.75rem; /* 44px */
pr-11padding-right: 2.75rem; /* 44px */
pb-11padding-bottom: 2.75rem; /* 44px */
pl-11padding-left: 2.75rem; /* 44px */
p-12padding: 3rem; /* 48px */
px-12padding-left: 3rem; /* 48px / padding-right: 3rem; / 48px */
py-12padding-top: 3rem; /* 48px / padding-bottom: 3rem; / 48px */
ps-12padding-inline-start: 3rem; /* 48px */
pe-12padding-inline-end: 3rem; /* 48px */
pt-12padding-top: 3rem; /* 48px */
pr-12padding-right: 3rem; /* 48px */
pb-12padding-bottom: 3rem; /* 48px */
pl-12padding-left: 3rem; /* 48px */
p-14padding: 3.5rem; /* 56px */
px-14padding-left: 3.5rem; /* 56px / padding-right: 3.5rem; / 56px */
py-14padding-top: 3.5rem; /* 56px / padding-bottom: 3.5rem; / 56px */
ps-14padding-inline-start: 3.5rem; /* 56px */
pe-14padding-inline-end: 3.5rem; /* 56px */
pt-14padding-top: 3.5rem; /* 56px */
pr-14padding-right: 3.5rem; /* 56px */
pb-14padding-bottom: 3.5rem; /* 56px */
pl-14padding-left: 3.5rem; /* 56px */
p-16padding: 4rem; /* 64px */
px-16padding-left: 4rem; /* 64px / padding-right: 4rem; / 64px */
py-16padding-top: 4rem; /* 64px / padding-bottom: 4rem; / 64px */
ps-16padding-inline-start: 4rem; /* 64px */
pe-16padding-inline-end: 4rem; /* 64px */
pt-16padding-top: 4rem; /* 64px */
pr-16padding-right: 4rem; /* 64px */
pb-16padding-bottom: 4rem; /* 64px */
pl-16padding-left: 4rem; /* 64px */
p-20padding: 5rem; /* 80px */
px-20padding-left: 5rem; /* 80px / padding-right: 5rem; / 80px */
py-20padding-top: 5rem; /* 80px / padding-bottom: 5rem; / 80px */
ps-20padding-inline-start: 5rem; /* 80px */
pe-20padding-inline-end: 5rem; /* 80px */
pt-20padding-top: 5rem; /* 80px */
pr-20padding-right: 5rem; /* 80px */
pb-20padding-bottom: 5rem; /* 80px */
pl-20padding-left: 5rem; /* 80px */
p-24padding: 6rem; /* 96px */
px-24padding-left: 6rem; /* 96px / padding-right: 6rem; / 96px */
py-24padding-top: 6rem; /* 96px / padding-bottom: 6rem; / 96px */
ps-24padding-inline-start: 6rem; /* 96px */
pe-24padding-inline-end: 6rem; /* 96px */
pt-24padding-top: 6rem; /* 96px */
pr-24padding-right: 6rem; /* 96px */
pb-24padding-bottom: 6rem; /* 96px */
pl-24padding-left: 6rem; /* 96px */
p-28padding: 7rem; /* 112px */
px-28padding-left: 7rem; /* 112px / padding-right: 7rem; / 112px */
py-28padding-top: 7rem; /* 112px / padding-bottom: 7rem; / 112px */
ps-28padding-inline-start: 7rem; /* 112px */
pe-28padding-inline-end: 7rem; /* 112px */
pt-28padding-top: 7rem; /* 112px */
pr-28padding-right: 7rem; /* 112px */
pb-28padding-bottom: 7rem; /* 112px */
pl-28padding-left: 7rem; /* 112px */
p-32padding: 8rem; /* 128px */
px-32padding-left: 8rem; /* 128px / padding-right: 8rem; / 128px */
py-32padding-top: 8rem; /* 128px / padding-bottom: 8rem; / 128px */
ps-32padding-inline-start: 8rem; /* 128px */
pe-32padding-inline-end: 8rem; /* 128px */
pt-32padding-top: 8rem; /* 128px */
pr-32padding-right: 8rem; /* 128px */
pb-32padding-bottom: 8rem; /* 128px */
pl-32padding-left: 8rem; /* 128px */
p-36padding: 9rem; /* 144px */
px-36padding-left: 9rem; /* 144px / padding-right: 9rem; / 144px */
py-36padding-top: 9rem; /* 144px / padding-bottom: 9rem; / 144px */
ps-36padding-inline-start: 9rem; /* 144px */
pe-36padding-inline-end: 9rem; /* 144px */
pt-36padding-top: 9rem; /* 144px */
pr-36padding-right: 9rem; /* 144px */
pb-36padding-bottom: 9rem; /* 144px */
pl-36padding-left: 9rem; /* 144px */
p-40padding: 10rem; /* 160px */
px-40padding-left: 10rem; /* 160px / padding-right: 10rem; / 160px */
py-40padding-top: 10rem; /* 160px / padding-bottom: 10rem; / 160px */
ps-40padding-inline-start: 10rem; /* 160px */
pe-40padding-inline-end: 10rem; /* 160px */
pt-40padding-top: 10rem; /* 160px */
pr-40padding-right: 10rem; /* 160px */
pb-40padding-bottom: 10rem; /* 160px */
pl-40padding-left: 10rem; /* 160px */
p-44padding: 11rem; /* 176px */
px-44padding-left: 11rem; /* 176px / padding-right: 11rem; / 176px */
py-44padding-top: 11rem; /* 176px / padding-bottom: 11rem; / 176px */
ps-44padding-inline-start: 11rem; /* 176px */
pe-44padding-inline-end: 11rem; /* 176px */
pt-44padding-top: 11rem; /* 176px */
pr-44padding-right: 11rem; /* 176px */
pb-44padding-bottom: 11rem; /* 176px */
pl-44padding-left: 11rem; /* 176px */
p-48padding: 12rem; /* 192px */
px-48padding-left: 12rem; /* 192px / padding-right: 12rem; / 192px */
py-48padding-top: 12rem; /* 192px / padding-bottom: 12rem; / 192px */
ps-48padding-inline-start: 12rem; /* 192px */
pe-48padding-inline-end: 12rem; /* 192px */
pt-48padding-top: 12rem; /* 192px */
pr-48padding-right: 12rem; /* 192px */
pb-48padding-bottom: 12rem; /* 192px */
pl-48padding-left: 12rem; /* 192px */
p-52padding: 13rem; /* 208px */
px-52padding-left: 13rem; /* 208px / padding-right: 13rem; / 208px */
py-52padding-top: 13rem; /* 208px / padding-bottom: 13rem; / 208px */
ps-52padding-inline-start: 13rem; /* 208px */
pe-52padding-inline-end: 13rem; /* 208px */
pt-52padding-top: 13rem; /* 208px */
pr-52padding-right: 13rem; /* 208px */
pb-52padding-bottom: 13rem; /* 208px */
pl-52padding-left: 13rem; /* 208px */
p-56padding: 14rem; /* 224px */
px-56padding-left: 14rem; /* 224px / padding-right: 14rem; / 224px */
py-56padding-top: 14rem; /* 224px / padding-bottom: 14rem; / 224px */
ps-56padding-inline-start: 14rem; /* 224px */
pe-56padding-inline-end: 14rem; /* 224px */
pt-56padding-top: 14rem; /* 224px */
pr-56padding-right: 14rem; /* 224px */
pb-56padding-bottom: 14rem; /* 224px */
pl-56padding-left: 14rem; /* 224px */
p-60padding: 15rem; /* 240px */
px-60padding-left: 15rem; /* 240px / padding-right: 15rem; / 240px */
py-60padding-top: 15rem; /* 240px / padding-bottom: 15rem; / 240px */
ps-60padding-inline-start: 15rem; /* 240px */
pe-60padding-inline-end: 15rem; /* 240px */
pt-60padding-top: 15rem; /* 240px */
pr-60padding-right: 15rem; /* 240px */
pb-60padding-bottom: 15rem; /* 240px */
pl-60padding-left: 15rem; /* 240px */
p-64padding: 16rem; /* 256px */
px-64padding-left: 16rem; /* 256px / padding-right: 16rem; / 256px */
py-64padding-top: 16rem; /* 256px / padding-bottom: 16rem; / 256px */
ps-64padding-inline-start: 16rem; /* 256px */
pe-64padding-inline-end: 16rem; /* 256px */
pt-64padding-top: 16rem; /* 256px */
pr-64padding-right: 16rem; /* 256px */
pb-64padding-bottom: 16rem; /* 256px */
pl-64padding-left: 16rem; /* 256px */
p-72padding: 18rem; /* 288px */
px-72padding-left: 18rem; /* 288px / padding-right: 18rem; / 288px */
py-72padding-top: 18rem; /* 288px / padding-bottom: 18rem; / 288px */
ps-72padding-inline-start: 18rem; /* 288px */
pe-72padding-inline-end: 18rem; /* 288px */
pt-72padding-top: 18rem; /* 288px */
pr-72padding-right: 18rem; /* 288px */
pb-72padding-bottom: 18rem; /* 288px */
pl-72padding-left: 18rem; /* 288px */
p-80padding: 20rem; /* 320px */
px-80padding-left: 20rem; /* 320px / padding-right: 20rem; / 320px */
py-80padding-top: 20rem; /* 320px / padding-bottom: 20rem; / 320px */
ps-80padding-inline-start: 20rem; /* 320px */
pe-80padding-inline-end: 20rem; /* 320px */
pt-80padding-top: 20rem; /* 320px */
pr-80padding-right: 20rem; /* 320px */
pb-80padding-bottom: 20rem; /* 320px */
pl-80padding-left: 20rem; /* 320px */
p-96padding: 24rem; /* 384px */
px-96padding-left: 24rem; /* 384px / padding-right: 24rem; / 384px */
py-96padding-top: 24rem; /* 384px / padding-bottom: 24rem; / 384px */
ps-96padding-inline-start: 24rem; /* 384px */
pe-96padding-inline-end: 24rem; /* 384px */
pt-96padding-top: 24rem; /* 384px */
pr-96padding-right: 24rem; /* 384px */
pb-96padding-bottom: 24rem; /* 384px */
pl-96padding-left: 24rem; /* 384px */

基础样式类总结

p-1 到 p-96，设置四个方向的内边距，数字越大，内边距越大。

px-1 到 px-96，设置水平方向的内边距，数字越大，内边距越大。

py-1 到 py-96，设置垂直方向的内边距，数字越大，内边距越大。

数字间隔：

  • 1-12是连续的
  • 12-52是间隔2
  • 52到64间隔4
  • 64以后间隔8

关键字：

  • p：四个方向
  • px：水平方向
  • py：垂直方向
  • pt：上边
  • pr：右边
  • pb：下边
  • pl：左边

案例：设置四个方向的内边距

需求：在一行显示四个盒子，给每个盒子分别设置四个方向上的内边距，然后观察效果。

vue3示例：

<script setup>
</script>
<template><div class="flex gap-4 py-8 bg-indigo-50"><div class="pt-12 box-border bg-indigo-500 flex-1 h-32 rounded flex justify-center items-center font-bold text-3xl text-white">1</div><div class="pr-12 box-border bg-indigo-500 flex-1 h-32 rounded flex justify-center items-center font-bold text-3xl text-white">2</div><div class="pb-12 box-border bg-indigo-500 flex-1 h-32 rounded flex justify-center items-center font-bold text-3xl text-white">3</div><div class="pl-12 box-border bg-indigo-500 flex-1 h-32 rounded flex justify-center items-center font-bold text-3xl text-white">4</div></div>
</template>

在这里插入图片描述

案例：设置水平方向和垂直方向的内边距

需求：在一行显示两个盒子，分别设置水平方向和垂直方向的内边距，观察效果。

vue3示例：

<script setup>
</script>
<template>
<div class="flex gap-4 p-8 bg-indigo-50"><div class="px-12 box-border bg-indigo-500 flex-1 h-32 rounded flex justify-center items-center font-bold text-white text-3xl">1</div><div class="py-12 box-border bg-indigo-500 flex-1 h-32 rounded flex justify-center items-center font-bold text-white text-3xl">2</div>
</div>
</template>

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/340530.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

DeepDriving | 基于YOLOv8分割模型实现垃圾识别

DeepDriving | 基于YOLOv8分割模型实现垃圾识别

本文来源公众号“DeepDriving”&#xff0c;仅用于学术分享&#xff0c;侵权删&#xff0c;干货满满。 原文链接&#xff1a;基于YOLOv8分割模型实现垃圾识别 0. 引言 YOLOv8是Ultralytics开源的一个非常火的AI算法&#xff0c;目前支持目标检测、实例分割、姿态估计等任务。…
阅读更多...
卡塔尔央行启动CBDC项目 5月Solana区块链上创建近五十万种代币

卡塔尔央行启动CBDC项目 5月Solana区块链上创建近五十万种代币

近期加密货币和区块链领域的动态令人振奋&#xff0c;展现了这个领域的快速发展和潜力。首先&#xff0c;卡塔尔央行启动CBDC项目表明中央银行数字货币已经成为全球金融系统中的一部分&#xff0c;并且对于大额支付结算有着广泛的应用前景。Solana区块链上创建近五十万种代币的…
阅读更多...
鸿蒙Ability Kit（程序框架服务）【ServiceExtensionAbility】

鸿蒙Ability Kit（程序框架服务）【ServiceExtensionAbility】

ServiceExtensionAbility 概述 [ServiceExtensionAbility]是SERVICE类型的ExtensionAbility组件&#xff0c;提供后台服务能力&#xff0c;其内部持有了一个[ServiceExtensionContext]&#xff0c;通过[ServiceExtensionContext]提供了丰富的接口供外部使用。 本文描述中称被…
阅读更多...
【UE5 刺客信条动态地面复刻】实现无界地面01：动态生成

【UE5 刺客信条动态地面复刻】实现无界地面01：动态生成

2024.6.4更新 昨天半夜意识到生成Cube的方案不合适&#xff0c;又开始到处找动态地面的方法&#xff0c;发现了我想要的效果直接可以用nigara实现&#xff01;&#xff01;&#xff01;&#xff01; 于是这个部分就暂时告一段落&#xff0c;今季开始新的方向的学习。 为了快速…
阅读更多...
动态规划——打家劫舍问题

动态规划——打家劫舍问题

198. 打家劫舍 问题描述 你是一个专业的小偷&#xff0c;计划偷窃沿街的房屋。每间房内都藏有一定的现金&#xff0c;影响你偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统&#xff0c;如果两间相邻的房屋在同一晚上被小偷闯入&#xff0c;系统会自动报警。 给定一…
阅读更多...
中国青年网投稿三下乡社会实践稿件方法

中国青年网投稿三下乡社会实践稿件方法

文稿要求 实践纪实类文稿 &#xff08;1&#xff09;标题&#xff1a;10-30个汉字为宜&#xff0c;要用一句话标题&#xff0c;清楚叙述开展社会实践的学校、内容等基本信息。 &#xff08;2&#xff09;正文&#xff1a;表述要流畅&#xff0c;不可写宣传稿&#xff0c;要注…
阅读更多...
文件中找TOPK问题

文件中找TOPK问题

一.TOP—K问题简介&#xff1a; TOP-K 问题&#xff1a;即求数据结合中前 K 个最大的元素或者最小的元素&#xff0c;一般情况下数据量都比较大 。 比如&#xff1a;专业前 10 名、世界 500 强、富豪榜、游戏中前 100 的活跃玩家等。 对于 Top-K 问题&#xff0c;能想到的最简…
阅读更多...
c# - 运算符 ＜＜ 不能应用于 long 和 long 类型的操作数

c# - 运算符 ＜＜ 不能应用于 long 和 long 类型的操作数

Compiler Error CS0019 c# - 运算符 << 不能应用于 long 和 long 类型的操作数 处理方法 特此记录 anlog 2024年5月30日
阅读更多...
个人笔记-随意记录

个人笔记-随意记录

常见问题&#xff1f; 1.linux重启服务 端口被占用如何解决&#xff1f; 查看某个端口被占用的进程 netstat -tulnp | grep :23454 强制杀死进程 kill -9 1776 重启服务即可
阅读更多...
无人机、机器人10公里WiFi远距离图传模块，实时高清视频传输，飞睿CV5200模组方案，支持mesh自组网模块

无人机、机器人10公里WiFi远距离图传模块，实时高清视频传输，飞睿CV5200模组方案，支持mesh自组网模块

在快速发展的物联网时代&#xff0c;远距离无线通信技术已成为连接各种智能设备的关键。无人机、安防监控、机器人等领域对数据传输的距离和速度要求越来越高。 公里级远距离WiFi模组方案可以通过多种技术和策略的结合来实现无人机和机器人之间的高效通信传输。 飞睿智能CV52…
阅读更多...
Java排序算法汇总篇，八种排序算法

Java排序算法汇总篇，八种排序算法

排序算法汇总: Java排序算法(一)&#xff1a;冒泡排序 Java排序算法(二)&#xff1a;选择排序 Java排序算法(三)&#xff1a;插入排序 Java排序算法(四)&#xff1a;快速排序 Java排序算法(五)&#xff1a;归并排序 Java排序算法(六)&#xff1a;希尔排序 Java排序算法(…
阅读更多...
PPT 隐藏开启对象图层

PPT 隐藏开启对象图层

目录预览 一、问题描述二、解决方案三、参考链接 一、问题描述 制作PPT的时候&#xff0c;有时候需要在一张PPT放置多个依次出现的内容&#xff0c;然后设置对应的动画&#xff0c;要是需要对某个内容进行修改的话&#xff0c;就会很不方便&#xff0c;这个时候就需要使用&…
阅读更多...
代码随想录第24天|回溯part4 寻找切割点

代码随想录第24天|回溯part4 寻找切割点

93.复原ip地址 寻找切割点&#xff0c;但是需要注意的是&#xff0c;切割点&#xff08;即.号&#xff09;只有三个 将需要拼凑的值先放进一个数组里&#xff0c;等满足条件后再将其拼成字符串 class Solution { public:vector<string> res;vector<int> path;int …
阅读更多...
opencv-python(五)

opencv-python(五)

opencv的颜色通道中顺序是B&#xff0c;G&#xff0c;R。 图像属性 import cv2img cv2.imread(jk.jpg) print(fshape{img.shape}) print(fsize{img.size}) print(fdtype{img.dtype}) shape&#xff1a;图像像素的行&#xff0c;列&#xff0c;通道 size&#xff1a;行数 X …
阅读更多...
用贪心算法计算十进制数转二进制数（整数部分）

用贪心算法计算十进制数转二进制数（整数部分）

十进制整数转二进制数用什么方法&#xff1f;网上一搜&#xff0c;大部分答案都是用短除法&#xff0c;也就是除2反向取余法。这种方法是最基本最常用的&#xff0c;但是计算步骤多&#xff0c;还容易出错&#xff0c;那么还有没有其他更好的方法吗&#xff1f; 一、短除反向取…
阅读更多...
WMS仓储管理系统高效驱动制造企业物料管理

WMS仓储管理系统高效驱动制造企业物料管理

在现代制造业的快速发展中&#xff0c;仓储管理作为供应链的核心环节&#xff0c;其效率直接影响到企业的生产力和市场竞争力。随着科技的进步&#xff0c;实施WMS仓储管理系统逐渐成为推动仓储管理向智能化转型的关键力量。本文将深入探讨WMS仓储管理系统如何以创新的方式驱动…
阅读更多...
软件系统测试的定义和测试内容介绍

软件系统测试的定义和测试内容介绍

一、什么是软件系统测试? 软件系统测试是指对软件系统的功能、性能、可靠性、稳定性等方面进行全面检查和验证的过程。其目的是发现潜在的问题、缺陷和风险&#xff0c;并确保软件系统的质量和稳定性。 软件系统测试可以分为多个阶段&#xff0c;包括单元测试、集成测试、系…
阅读更多...
OBS插件--Spout输入与输出

OBS插件--Spout输入与输出

Spout是什么&#xff1f; Spout是用于Microsoft Windows的视频帧共享系统,它允许应用程序以类似于Mac上的Syphon的方式共享OpenGL纹理。 其主要目的是允许应用程序实时共享帧&#xff0c;而无需显著的性能开销。这一功能在多个领域有着广泛的应用&#xff0c;尤其是在实时视频…
阅读更多...
【python】成功解决“TypeError: not enough arguments for format string”错误的全面指南

【python】成功解决“TypeError: not enough arguments for format string”错误的全面指南

成功解决“TypeError: not enough arguments for format string”错误的全面指南 一、引言 在Python编程中&#xff0c;TypeError: not enough arguments for format string错误是一个常见的字符串格式化问题。这个错误通常发生在使用str.format()方法时&#xff0c;提供的参数…
阅读更多...
【DMG80480T070_05WTR】文本显示、数据变量显示、基本图形显示、实时曲线功能及串口下载流程（串口屏）

【DMG80480T070_05WTR】文本显示、数据变量显示、基本图形显示、实时曲线功能及串口下载流程（串口屏）

这篇文章写给自己看的&#xff0c;要不然明天就忘完了。 首先新建一个工程&#xff0c;名称路径自拟。 导入一张图片&#xff0c;名字从00开始&#xff0c;图片放到本工程的DWIN_SET下面就行&#xff0c;后面如果没有特殊说明&#xff0c;生成的配置或者放入的图片全都放在该文…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发