Vue3 : Tailwindcss之margin样式类

 margin 样式:

关键字数字间隔:
m:四个方向1-12是连续的
mx:水平方向12-52是间隔2
my:垂直方向5264间隔4
mt:上边64以后间隔8
mr:右边 
mb:下边 
ml:左边 

 

基础样式:
ClassProperties
m-0margin: 0px;
mx-0margin-left: 0px; margin-right: 0px;
my-0margin-top: 0px; margin-bottom: 0px;
ms-0margin-inline-start: 0px;
me-0margin-inline-end: 0px;
mt-0margin-top: 0px;
mr-0margin-right: 0px;
mb-0margin-bottom: 0px;
ml-0margin-left: 0px;
m-pxmargin: 1px;
mx-pxmargin-left: 1px; margin-right: 1px;
my-pxmargin-top: 1px; margin-bottom: 1px;
ms-pxmargin-inline-start: 1px;
me-pxmargin-inline-end: 1px;
mt-pxmargin-top: 1px;
mr-pxmargin-right: 1px;
mb-pxmargin-bottom: 1px;
ml-pxmargin-left: 1px;
m-0.5margin: 0.125rem; /* 2px */
mx-0.5margin-left: 0.125rem; /* 2px / margin-right: 0.125rem; / 2px */
my-0.5margin-top: 0.125rem; /* 2px / margin-bottom: 0.125rem; / 2px */
ms-0.5margin-inline-start: 0.125rem; /* 2px */
me-0.5margin-inline-end: 0.125rem; /* 2px */
mt-0.5margin-top: 0.125rem; /* 2px */
mr-0.5margin-right: 0.125rem; /* 2px */
mb-0.5margin-bottom: 0.125rem; /* 2px */
ml-0.5margin-left: 0.125rem; /* 2px */
m-1margin: 0.25rem; /* 4px */
mx-1margin-left: 0.25rem; /* 4px / margin-right: 0.25rem; / 4px */
my-1margin-top: 0.25rem; /* 4px / margin-bottom: 0.25rem; / 4px */
ms-1margin-inline-start: 0.25rem; /* 4px */
me-1margin-inline-end: 0.25rem; /* 4px */
mt-1margin-top: 0.25rem; /* 4px */
mr-1margin-right: 0.25rem; /* 4px */
mb-1margin-bottom: 0.25rem; /* 4px */
ml-1margin-left: 0.25rem; /* 4px */
m-1.5margin: 0.375rem; /* 6px */
mx-1.5margin-left: 0.375rem; /* 6px / margin-right: 0.375rem; / 6px */
my-1.5margin-top: 0.375rem; /* 6px / margin-bottom: 0.375rem; / 6px */
ms-1.5margin-inline-start: 0.375rem; /* 6px */
me-1.5margin-inline-end: 0.375rem; /* 6px */
mt-1.5margin-top: 0.375rem; /* 6px */
mr-1.5margin-right: 0.375rem; /* 6px */
mb-1.5margin-bottom: 0.375rem; /* 6px */
ml-1.5margin-left: 0.375rem; /* 6px */
m-2margin: 0.5rem; /* 8px */
mx-2margin-left: 0.5rem; /* 8px / margin-right: 0.5rem; / 8px */
my-2margin-top: 0.5rem; /* 8px / margin-bottom: 0.5rem; / 8px */
ms-2margin-inline-start: 0.5rem; /* 8px */
me-2margin-inline-end: 0.5rem; /* 8px */
mt-2margin-top: 0.5rem; /* 8px */
mr-2margin-right: 0.5rem; /* 8px */
mb-2margin-bottom: 0.5rem; /* 8px */
ml-2margin-left: 0.5rem; /* 8px */
m-2.5margin: 0.625rem; /* 10px */
mx-2.5margin-left: 0.625rem; /* 10px / margin-right: 0.625rem; / 10px */
my-2.5margin-top: 0.625rem; /* 10px / margin-bottom: 0.625rem; / 10px */
ms-2.5margin-inline-start: 0.625rem; /* 10px */
me-2.5margin-inline-end: 0.625rem; /* 10px */
mt-2.5margin-top: 0.625rem; /* 10px */
mr-2.5margin-right: 0.625rem; /* 10px */
mb-2.5margin-bottom: 0.625rem; /* 10px */
ml-2.5margin-left: 0.625rem; /* 10px */
m-3margin: 0.75rem; /* 12px */
mx-3margin-left: 0.75rem; /* 12px / margin-right: 0.75rem; / 12px */
my-3margin-top: 0.75rem; /* 12px / margin-bottom: 0.75rem; / 12px */
ms-3margin-inline-start: 0.75rem; /* 12px */
me-3margin-inline-end: 0.75rem; /* 12px */
mt-3margin-top: 0.75rem; /* 12px */
mr-3margin-right: 0.75rem; /* 12px */
mb-3margin-bottom: 0.75rem; /* 12px */
ml-3margin-left: 0.75rem; /* 12px */
m-3.5margin: 0.875rem; /* 14px */
mx-3.5margin-left: 0.875rem; /* 14px / margin-right: 0.875rem; / 14px */
my-3.5margin-top: 0.875rem; /* 14px / margin-bottom: 0.875rem; / 14px */
ms-3.5margin-inline-start: 0.875rem; /* 14px */
me-3.5margin-inline-end: 0.875rem; /* 14px */
mt-3.5margin-top: 0.875rem; /* 14px */
mr-3.5margin-right: 0.875rem; /* 14px */
mb-3.5margin-bottom: 0.875rem; /* 14px */
ml-3.5margin-left: 0.875rem; /* 14px */
m-4margin: 1rem; /* 16px */
mx-4margin-left: 1rem; /* 16px / margin-right: 1rem; / 16px */
my-4margin-top: 1rem; /* 16px / margin-bottom: 1rem; / 16px */
ms-4margin-inline-start: 1rem; /* 16px */
me-4margin-inline-end: 1rem; /* 16px */
mt-4margin-top: 1rem; /* 16px */
mr-4margin-right: 1rem; /* 16px */
mb-4margin-bottom: 1rem; /* 16px */
ml-4margin-left: 1rem; /* 16px */
m-5margin: 1.25rem; /* 20px */
mx-5margin-left: 1.25rem; /* 20px / margin-right: 1.25rem; / 20px */
my-5margin-top: 1.25rem; /* 20px / margin-bottom: 1.25rem; / 20px */
ms-5margin-inline-start: 1.25rem; /* 20px */
me-5margin-inline-end: 1.25rem; /* 20px */
mt-5margin-top: 1.25rem; /* 20px */
mr-5margin-right: 1.25rem; /* 20px */
mb-5margin-bottom: 1.25rem; /* 20px */
ml-5margin-left: 1.25rem; /* 20px */
m-6margin: 1.5rem; /* 24px */
mx-6margin-left: 1.5rem; /* 24px / margin-right: 1.5rem; / 24px */
my-6margin-top: 1.5rem; /* 24px / margin-bottom: 1.5rem; / 24px */
ms-6margin-inline-start: 1.5rem; /* 24px */
me-6margin-inline-end: 1.5rem; /* 24px */
mt-6margin-top: 1.5rem; /* 24px */
mr-6margin-right: 1.5rem; /* 24px */
mb-6margin-bottom: 1.5rem; /* 24px */
ml-6margin-left: 1.5rem; /* 24px */
m-7margin: 1.75rem; /* 28px */
mx-7margin-left: 1.75rem; /* 28px / margin-right: 1.75rem; / 28px */
my-7margin-top: 1.75rem; /* 28px / margin-bottom: 1.75rem; / 28px */
ms-7margin-inline-start: 1.75rem; /* 28px */
me-7margin-inline-end: 1.75rem; /* 28px */
mt-7margin-top: 1.75rem; /* 28px */
mr-7margin-right: 1.75rem; /* 28px */
mb-7margin-bottom: 1.75rem; /* 28px */
ml-7margin-left: 1.75rem; /* 28px */
m-8margin: 2rem; /* 32px */
mx-8margin-left: 2rem; /* 32px / margin-right: 2rem; / 32px */
my-8margin-top: 2rem; /* 32px / margin-bottom: 2rem; / 32px */
ms-8margin-inline-start: 2rem; /* 32px */
me-8margin-inline-end: 2rem; /* 32px */
mt-8margin-top: 2rem; /* 32px */
mr-8margin-right: 2rem; /* 32px */
mb-8margin-bottom: 2rem; /* 32px */
ml-8margin-left: 2rem; /* 32px */
m-9margin: 2.25rem; /* 36px */
mx-9margin-left: 2.25rem; /* 36px / margin-right: 2.25rem; / 36px */
my-9margin-top: 2.25rem; /* 36px / margin-bottom: 2.25rem; / 36px */
ms-9margin-inline-start: 2.25rem; /* 36px */
me-9margin-inline-end: 2.25rem; /* 36px */
mt-9margin-top: 2.25rem; /* 36px */
mr-9margin-right: 2.25rem; /* 36px */
mb-9margin-bottom: 2.25rem; /* 36px */
ml-9margin-left: 2.25rem; /* 36px */
m-10margin: 2.5rem; /* 40px */
mx-10margin-left: 2.5rem; /* 40px / margin-right: 2.5rem; / 40px */
my-10margin-top: 2.5rem; /* 40px / margin-bottom: 2.5rem; / 40px */
ms-10margin-inline-start: 2.5rem; /* 40px */
me-10margin-inline-end: 2.5rem; /* 40px */
mt-10margin-top: 2.5rem; /* 40px */
mr-10margin-right: 2.5rem; /* 40px */
mb-10margin-bottom: 2.5rem; /* 40px */
ml-10margin-left: 2.5rem; /* 40px */
m-11margin: 2.75rem; /* 44px */
mx-11margin-left: 2.75rem; /* 44px / margin-right: 2.75rem; / 44px */
my-11margin-top: 2.75rem; /* 44px / margin-bottom: 2.75rem; / 44px */
ms-11margin-inline-start: 2.75rem; /* 44px */
me-11margin-inline-end: 2.75rem; /* 44px */
mt-11margin-top: 2.75rem; /* 44px */
mr-11margin-right: 2.75rem; /* 44px */
mb-11margin-bottom: 2.75rem; /* 44px */
ml-11margin-left: 2.75rem; /* 44px */
m-12margin: 3rem; /* 48px */
mx-12margin-left: 3rem; /* 48px / margin-right: 3rem; / 48px */
my-12margin-top: 3rem; /* 48px / margin-bottom: 3rem; / 48px */
ms-12margin-inline-start: 3rem; /* 48px */
me-12margin-inline-end: 3rem; /* 48px */
mt-12margin-top: 3rem; /* 48px */
mr-12margin-right: 3rem; /* 48px */
mb-12margin-bottom: 3rem; /* 48px */
ml-12margin-left: 3rem; /* 48px */
m-14margin: 3.5rem; /* 56px */
mx-14margin-left: 3.5rem; /* 56px / margin-right: 3.5rem; / 56px */
my-14margin-top: 3.5rem; /* 56px / margin-bottom: 3.5rem; / 56px */
ms-14margin-inline-start: 3.5rem; /* 56px */
me-14margin-inline-end: 3.5rem; /* 56px */
mt-14margin-top: 3.5rem; /* 56px */
mr-14margin-right: 3.5rem; /* 56px */
mb-14margin-bottom: 3.5rem; /* 56px */
ml-14margin-left: 3.5rem; /* 56px */
m-16margin: 4rem; /* 64px */
mx-16margin-left: 4rem; /* 64px / margin-right: 4rem; / 64px */
my-16margin-top: 4rem; /* 64px / margin-bottom: 4rem; / 64px */
ms-16margin-inline-start: 4rem; /* 64px */
me-16margin-inline-end: 4rem; /* 64px */
mt-16margin-top: 4rem; /* 64px */
mr-16margin-right: 4rem; /* 64px */
mb-16margin-bottom: 4rem; /* 64px */
ml-16margin-left: 4rem; /* 64px */
m-20margin: 5rem; /* 80px */
mx-20margin-left: 5rem; /* 80px / margin-right: 5rem; / 80px */
my-20margin-top: 5rem; /* 80px / margin-bottom: 5rem; / 80px */
ms-20margin-inline-start: 5rem; /* 80px */
me-20margin-inline-end: 5rem; /* 80px */
mt-20margin-top: 5rem; /* 80px */
mr-20margin-right: 5rem; /* 80px */
mb-20margin-bottom: 5rem; /* 80px */
ml-20margin-left: 5rem; /* 80px */
m-24margin: 6rem; /* 96px */
mx-24margin-left: 6rem; /* 96px / margin-right: 6rem; / 96px */
my-24margin-top: 6rem; /* 96px / margin-bottom: 6rem; / 96px */
ms-24margin-inline-start: 6rem; /* 96px */
me-24margin-inline-end: 6rem; /* 96px */
mt-24margin-top: 6rem; /* 96px */
mr-24margin-right: 6rem; /* 96px */
mb-24margin-bottom: 6rem; /* 96px */
ml-24margin-left: 6rem; /* 96px */
m-28margin: 7rem; /* 112px */
mx-28margin-left: 7rem; /* 112px / margin-right: 7rem; / 112px */
my-28margin-top: 7rem; /* 112px / margin-bottom: 7rem; / 112px */
ms-28margin-inline-start: 7rem; /* 112px */
me-28margin-inline-end: 7rem; /* 112px */
mt-28margin-top: 7rem; /* 112px */
mr-28margin-right: 7rem; /* 112px */
mb-28margin-bottom: 7rem; /* 112px */
ml-28margin-left: 7rem; /* 112px */
m-32margin: 8rem; /* 128px */
mx-32margin-left: 8rem; /* 128px / margin-right: 8rem; / 128px */
my-32margin-top: 8rem; /* 128px / margin-bottom: 8rem; / 128px */
ms-32margin-inline-start: 8rem; /* 128px */
me-32margin-inline-end: 8rem; /* 128px */
mt-32margin-top: 8rem; /* 128px */
mr-32margin-right: 8rem; /* 128px */
mb-32margin-bottom: 8rem; /* 128px */
ml-32margin-left: 8rem; /* 128px */
m-36margin: 9rem; /* 144px */
mx-36margin-left: 9rem; /* 144px / margin-right: 9rem; / 144px */
my-36margin-top: 9rem; /* 144px / margin-bottom: 9rem; / 144px */
ms-36margin-inline-start: 9rem; /* 144px */
me-36margin-inline-end: 9rem; /* 144px */
mt-36margin-top: 9rem; /* 144px */
mr-36margin-right: 9rem; /* 144px */
mb-36margin-bottom: 9rem; /* 144px */
ml-36margin-left: 9rem; /* 144px */
m-40margin: 10rem; /* 160px */
mx-40margin-left: 10rem; /* 160px / margin-right: 10rem; / 160px */
my-40margin-top: 10rem; /* 160px / margin-bottom: 10rem; / 160px */
ms-40margin-inline-start: 10rem; /* 160px */
me-40margin-inline-end: 10rem; /* 160px */
mt-40margin-top: 10rem; /* 160px */
mr-40margin-right: 10rem; /* 160px */
mb-40margin-bottom: 10rem; /* 160px */
ml-40margin-left: 10rem; /* 160px */
m-44margin: 11rem; /* 176px */
mx-44margin-left: 11rem; /* 176px / margin-right: 11rem; / 176px */
my-44margin-top: 11rem; /* 176px / margin-bottom: 11rem; / 176px */
ms-44margin-inline-start: 11rem; /* 176px */
me-44margin-inline-end: 11rem; /* 176px */
mt-44margin-top: 11rem; /* 176px */
mr-44margin-right: 11rem; /* 176px */
mb-44margin-bottom: 11rem; /* 176px */
ml-44margin-left: 11rem; /* 176px */
m-48margin: 12rem; /* 192px */
mx-48margin-left: 12rem; /* 192px / margin-right: 12rem; / 192px */
my-48margin-top: 12rem; /* 192px / margin-bottom: 12rem; / 192px */
ms-48margin-inline-start: 12rem; /* 192px */
me-48margin-inline-end: 12rem; /* 192px */
mt-48margin-top: 12rem; /* 192px */
mr-48margin-right: 12rem; /* 192px */
mb-48margin-bottom: 12rem; /* 192px */
ml-48margin-left: 12rem; /* 192px */
m-52margin: 13rem; /* 208px */
mx-52margin-left: 13rem; /* 208px / margin-right: 13rem; / 208px */
my-52margin-top: 13rem; /* 208px / margin-bottom: 13rem; / 208px */
ms-52margin-inline-start: 13rem; /* 208px */
me-52margin-inline-end: 13rem; /* 208px */
mt-52margin-top: 13rem; /* 208px */
mr-52margin-right: 13rem; /* 208px */
mb-52margin-bottom: 13rem; /* 208px */
ml-52margin-left: 13rem; /* 208px */
m-56margin: 14rem; /* 224px */
mx-56margin-left: 14rem; /* 224px / margin-right: 14rem; / 224px */
my-56margin-top: 14rem; /* 224px / margin-bottom: 14rem; / 224px */
ms-56margin-inline-start: 14rem; /* 224px */
me-56margin-inline-end: 14rem; /* 224px */
mt-56margin-top: 14rem; /* 224px */
mr-56margin-right: 14rem; /* 224px */
mb-56margin-bottom: 14rem; /* 224px */
ml-56margin-left: 14rem; /* 224px */
m-60margin: 15rem; /* 240px */
mx-60margin-left: 15rem; /* 240px / margin-right: 15rem; / 240px */
my-60margin-top: 15rem; /* 240px / margin-bottom: 15rem; / 240px */
ms-60margin-inline-start: 15rem; /* 240px */
me-60margin-inline-end: 15rem; /* 240px */
mt-60margin-top: 15rem; /* 240px */
mr-60margin-right: 15rem; /* 240px */
mb-60margin-bottom: 15rem; /* 240px */
ml-60margin-left: 15rem; /* 240px */
m-64margin: 16rem; /* 256px */
mx-64margin-left: 16rem; /* 256px / margin-right: 16rem; / 256px */
my-64margin-top: 16rem; /* 256px / margin-bottom: 16rem; / 256px */
ms-64margin-inline-start: 16rem; /* 256px */
me-64margin-inline-end: 16rem; /* 256px */
mt-64margin-top: 16rem; /* 256px */
mr-64margin-right: 16rem; /* 256px */
mb-64margin-bottom: 16rem; /* 256px */
ml-64margin-left: 16rem; /* 256px */
m-72margin: 18rem; /* 288px */
mx-72margin-left: 18rem; /* 288px / margin-right: 18rem; / 288px */
my-72margin-top: 18rem; /* 288px / margin-bottom: 18rem; / 288px */
ms-72margin-inline-start: 18rem; /* 288px */
me-72margin-inline-end: 18rem; /* 288px */
mt-72margin-top: 18rem; /* 288px */
mr-72margin-right: 18rem; /* 288px */
mb-72margin-bottom: 18rem; /* 288px */
ml-72margin-left: 18rem; /* 288px */
m-80margin: 20rem; /* 320px */
mx-80margin-left: 20rem; /* 320px / margin-right: 20rem; / 320px */
my-80margin-top: 20rem; /* 320px / margin-bottom: 20rem; / 320px */
ms-80margin-inline-start: 20rem; /* 320px */
me-80margin-inline-end: 20rem; /* 320px */
mt-80margin-top: 20rem; /* 320px */
mr-80margin-right: 20rem; /* 320px */
mb-80margin-bottom: 20rem; /* 320px */
ml-80margin-left: 20rem; /* 320px */
m-96margin: 24rem; /* 384px */
mx-96margin-left: 24rem; /* 384px / margin-right: 24rem; / 384px */
my-96margin-top: 24rem; /* 384px / margin-bottom: 24rem; / 384px */
ms-96margin-inline-start: 24rem; /* 384px */
me-96margin-inline-end: 24rem; /* 384px */
mt-96margin-top: 24rem; /* 384px */
mr-96margin-right: 24rem; /* 384px */
mb-96margin-bottom: 24rem; /* 384px */
ml-96margin-left: 24rem; /* 384px */
m-automargin: auto;
mx-automargin-left: auto; margin-right: auto;
my-automargin-top: auto; margin-bottom: auto;
ms-automargin-inline-start: auto;
me-automargin-inline-end: auto;
mt-automargin-top: auto;
mr-automargin-right: auto;
mb-automargin-bottom: auto;
ml-automargin-left: auto;
ClassProperties
m-0margin: 0px;
mx-0margin-left: 0px; margin-right: 0px;
my-0margin-top: 0px; margin-bottom: 0px;
ms-0margin-inline-start: 0px;
me-0margin-inline-end: 0px;
mt-0margin-top: 0px;
mr-0margin-right: 0px;
mb-0margin-bottom: 0px;
ml-0margin-left: 0px;
m-pxmargin: 1px;
mx-pxmargin-left: 1px; margin-right: 1px;
my-pxmargin-top: 1px; margin-bottom: 1px;
ms-pxmargin-inline-start: 1px;
me-pxmargin-inline-end: 1px;
mt-pxmargin-top: 1px;
mr-pxmargin-right: 1px;
mb-pxmargin-bottom: 1px;
ml-pxmargin-left: 1px;
m-0.5margin: 0.125rem; /* 2px */
mx-0.5margin-left: 0.125rem; /* 2px / margin-right: 0.125rem; / 2px */
my-0.5margin-top: 0.125rem; /* 2px / margin-bottom: 0.125rem; / 2px */
ms-0.5margin-inline-start: 0.125rem; /* 2px */
me-0.5margin-inline-end: 0.125rem; /* 2px */
mt-0.5margin-top: 0.125rem; /* 2px */
mr-0.5margin-right: 0.125rem; /* 2px */
mb-0.5margin-bottom: 0.125rem; /* 2px */
ml-0.5margin-left: 0.125rem; /* 2px */
m-1margin: 0.25rem; /* 4px */
mx-1margin-left: 0.25rem; /* 4px / margin-right: 0.25rem; / 4px */
my-1margin-top: 0.25rem; /* 4px / margin-bottom: 0.25rem; / 4px */
ms-1margin-inline-start: 0.25rem; /* 4px */
me-1margin-inline-end: 0.25rem; /* 4px */
mt-1margin-top: 0.25rem; /* 4px */
mr-1margin-right: 0.25rem; /* 4px */
mb-1margin-bottom: 0.25rem; /* 4px */
ml-1margin-left: 0.25rem; /* 4px */
m-1.5margin: 0.375rem; /* 6px */
mx-1.5margin-left: 0.375rem; /* 6px / margin-right: 0.375rem; / 6px */
my-1.5margin-top: 0.375rem; /* 6px / margin-bottom: 0.375rem; / 6px */
ms-1.5margin-inline-start: 0.375rem; /* 6px */
me-1.5margin-inline-end: 0.375rem; /* 6px */
mt-1.5margin-top: 0.375rem; /* 6px */
mr-1.5margin-right: 0.375rem; /* 6px */
mb-1.5margin-bottom: 0.375rem; /* 6px */
ml-1.5margin-left: 0.375rem; /* 6px */
m-2margin: 0.5rem; /* 8px */
mx-2margin-left: 0.5rem; /* 8px / margin-right: 0.5rem; / 8px */
my-2margin-top: 0.5rem; /* 8px / margin-bottom: 0.5rem; / 8px */
ms-2margin-inline-start: 0.5rem; /* 8px */
me-2margin-inline-end: 0.5rem; /* 8px */
mt-2margin-top: 0.5rem; /* 8px */
mr-2margin-right: 0.5rem; /* 8px */
mb-2margin-bottom: 0.5rem; /* 8px */
ml-2margin-left: 0.5rem; /* 8px */
m-2.5margin: 0.625rem; /* 10px */
mx-2.5margin-left: 0.625rem; /* 10px / margin-right: 0.625rem; / 10px */
my-2.5margin-top: 0.625rem; /* 10px / margin-bottom: 0.625rem; / 10px */
ms-2.5margin-inline-start: 0.625rem; /* 10px */
me-2.5margin-inline-end: 0.625rem; /* 10px */
mt-2.5margin-top: 0.625rem; /* 10px */
mr-2.5margin-right: 0.625rem; /* 10px */
mb-2.5margin-bottom: 0.625rem; /* 10px */
ml-2.5margin-left: 0.625rem; /* 10px */
m-3margin: 0.75rem; /* 12px */
mx-3margin-left: 0.75rem; /* 12px / margin-right: 0.75rem; / 12px */
my-3margin-top: 0.75rem; /* 12px / margin-bottom: 0.75rem; / 12px */
ms-3margin-inline-start: 0.75rem; /* 12px */
me-3margin-inline-end: 0.75rem; /* 12px */
mt-3margin-top: 0.75rem; /* 12px */
mr-3margin-right: 0.75rem; /* 12px */
mb-3margin-bottom: 0.75rem; /* 12px */
ml-3margin-left: 0.75rem; /* 12px */
m-3.5margin: 0.875rem; /* 14px */
mx-3.5margin-left: 0.875rem; /* 14px / margin-right: 0.875rem; / 14px */
my-3.5margin-top: 0.875rem; /* 14px / margin-bottom: 0.875rem; / 14px */
ms-3.5margin-inline-start: 0.875rem; /* 14px */
me-3.5margin-inline-end: 0.875rem; /* 14px */
mt-3.5margin-top: 0.875rem; /* 14px */
mr-3.5margin-right: 0.875rem; /* 14px */
mb-3.5margin-bottom: 0.875rem; /* 14px */
ml-3.5margin-left: 0.875rem; /* 14px */
m-4margin: 1rem; /* 16px */
mx-4margin-left: 1rem; /* 16px / margin-right: 1rem; / 16px */
my-4margin-top: 1rem; /* 16px / margin-bottom: 1rem; / 16px */
ms-4margin-inline-start: 1rem; /* 16px */
me-4margin-inline-end: 1rem; /* 16px */
mt-4margin-top: 1rem; /* 16px */
mr-4margin-right: 1rem; /* 16px */
mb-4margin-bottom: 1rem; /* 16px */
ml-4margin-left: 1rem; /* 16px */
m-5margin: 1.25rem; /* 20px */
mx-5margin-left: 1.25rem; /* 20px / margin-right: 1.25rem; / 20px */
my-5margin-top: 1.25rem; /* 20px / margin-bottom: 1.25rem; / 20px */
ms-5margin-inline-start: 1.25rem; /* 20px */
me-5margin-inline-end: 1.25rem; /* 20px */
mt-5margin-top: 1.25rem; /* 20px */
mr-5margin-right: 1.25rem; /* 20px */
mb-5margin-bottom: 1.25rem; /* 20px */
ml-5margin-left: 1.25rem; /* 20px */
m-6margin: 1.5rem; /* 24px */
mx-6margin-left: 1.5rem; /* 24px / margin-right: 1.5rem; / 24px */
my-6margin-top: 1.5rem; /* 24px / margin-bottom: 1.5rem; / 24px */
ms-6margin-inline-start: 1.5rem; /* 24px */
me-6margin-inline-end: 1.5rem; /* 24px */
mt-6margin-top: 1.5rem; /* 24px */
mr-6margin-right: 1.5rem; /* 24px */
mb-6margin-bottom: 1.5rem; /* 24px */
ml-6margin-left: 1.5rem; /* 24px */
m-7margin: 1.75rem; /* 28px */
mx-7margin-left: 1.75rem; /* 28px / margin-right: 1.75rem; / 28px */
my-7margin-top: 1.75rem; /* 28px / margin-bottom: 1.75rem; / 28px */
ms-7margin-inline-start: 1.75rem; /* 28px */
me-7margin-inline-end: 1.75rem; /* 28px */
mt-7margin-top: 1.75rem; /* 28px */
mr-7margin-right: 1.75rem; /* 28px */
mb-7margin-bottom: 1.75rem; /* 28px */
ml-7margin-left: 1.75rem; /* 28px */
m-8margin: 2rem; /* 32px */
mx-8margin-left: 2rem; /* 32px / margin-right: 2rem; / 32px */
my-8margin-top: 2rem; /* 32px / margin-bottom: 2rem; / 32px */
ms-8margin-inline-start: 2rem; /* 32px */
me-8margin-inline-end: 2rem; /* 32px */
mt-8margin-top: 2rem; /* 32px */
mr-8margin-right: 2rem; /* 32px */
mb-8margin-bottom: 2rem; /* 32px */
ml-8margin-left: 2rem; /* 32px */
m-9margin: 2.25rem; /* 36px */
mx-9margin-left: 2.25rem; /* 36px / margin-right: 2.25rem; / 36px */
my-9margin-top: 2.25rem; /* 36px / margin-bottom: 2.25rem; / 36px */
ms-9margin-inline-start: 2.25rem; /* 36px */
me-9margin-inline-end: 2.25rem; /* 36px */
mt-9margin-top: 2.25rem; /* 36px */
mr-9margin-right: 2.25rem; /* 36px */
mb-9margin-bottom: 2.25rem; /* 36px */
ml-9margin-left: 2.25rem; /* 36px */
m-10margin: 2.5rem; /* 40px */
mx-10margin-left: 2.5rem; /* 40px / margin-right: 2.5rem; / 40px */
my-10margin-top: 2.5rem; /* 40px / margin-bottom: 2.5rem; / 40px */
ms-10margin-inline-start: 2.5rem; /* 40px */
me-10margin-inline-end: 2.5rem; /* 40px */
mt-10margin-top: 2.5rem; /* 40px */
mr-10margin-right: 2.5rem; /* 40px */
mb-10margin-bottom: 2.5rem; /* 40px */
ml-10margin-left: 2.5rem; /* 40px */
m-11margin: 2.75rem; /* 44px */
mx-11margin-left: 2.75rem; /* 44px / margin-right: 2.75rem; / 44px */
my-11margin-top: 2.75rem; /* 44px / margin-bottom: 2.75rem; / 44px */
ms-11margin-inline-start: 2.75rem; /* 44px */
me-11margin-inline-end: 2.75rem; /* 44px */
mt-11margin-top: 2.75rem; /* 44px */
mr-11margin-right: 2.75rem; /* 44px */
mb-11margin-bottom: 2.75rem; /* 44px */
ml-11margin-left: 2.75rem; /* 44px */
m-12margin: 3rem; /* 48px */
mx-12margin-left: 3rem; /* 48px / margin-right: 3rem; / 48px */
my-12margin-top: 3rem; /* 48px / margin-bottom: 3rem; / 48px */
ms-12margin-inline-start: 3rem; /* 48px */
me-12margin-inline-end: 3rem; /* 48px */
mt-12margin-top: 3rem; /* 48px */
mr-12margin-right: 3rem; /* 48px */
mb-12margin-bottom: 3rem; /* 48px */
ml-12margin-left: 3rem; /* 48px */
m-14margin: 3.5rem; /* 56px */
mx-14margin-left: 3.5rem; /* 56px / margin-right: 3.5rem; / 56px */
my-14margin-top: 3.5rem; /* 56px / margin-bottom: 3.5rem; / 56px */
ms-14margin-inline-start: 3.5rem; /* 56px */
me-14margin-inline-end: 3.5rem; /* 56px */
mt-14margin-top: 3.5rem; /* 56px */
mr-14margin-right: 3.5rem; /* 56px */
mb-14margin-bottom: 3.5rem; /* 56px */
ml-14margin-left: 3.5rem; /* 56px */
m-16margin: 4rem; /* 64px */
mx-16margin-left: 4rem; /* 64px / margin-right: 4rem; / 64px */
my-16margin-top: 4rem; /* 64px / margin-bottom: 4rem; / 64px */
ms-16margin-inline-start: 4rem; /* 64px */
me-16margin-inline-end: 4rem; /* 64px */
mt-16margin-top: 4rem; /* 64px */
mr-16margin-right: 4rem; /* 64px */
mb-16margin-bottom: 4rem; /* 64px */
ml-16margin-left: 4rem; /* 64px */
m-20margin: 5rem; /* 80px */
mx-20margin-left: 5rem; /* 80px / margin-right: 5rem; / 80px */
my-20margin-top: 5rem; /* 80px / margin-bottom: 5rem; / 80px */
ms-20margin-inline-start: 5rem; /* 80px */
me-20margin-inline-end: 5rem; /* 80px */
mt-20margin-top: 5rem; /* 80px */
mr-20margin-right: 5rem; /* 80px */
mb-20margin-bottom: 5rem; /* 80px */
ml-20margin-left: 5rem; /* 80px */
m-24margin: 6rem; /* 96px */
mx-24margin-left: 6rem; /* 96px / margin-right: 6rem; / 96px */
my-24margin-top: 6rem; /* 96px / margin-bottom: 6rem; / 96px */
ms-24margin-inline-start: 6rem; /* 96px */
me-24margin-inline-end: 6rem; /* 96px */
mt-24margin-top: 6rem; /* 96px */
mr-24margin-right: 6rem; /* 96px */
mb-24margin-bottom: 6rem; /* 96px */
ml-24margin-left: 6rem; /* 96px */
m-28margin: 7rem; /* 112px */
mx-28margin-left: 7rem; /* 112px / margin-right: 7rem; / 112px */
my-28margin-top: 7rem; /* 112px / margin-bottom: 7rem; / 112px */
ms-28margin-inline-start: 7rem; /* 112px */
me-28margin-inline-end: 7rem; /* 112px */
mt-28margin-top: 7rem; /* 112px */
mr-28margin-right: 7rem; /* 112px */
mb-28margin-bottom: 7rem; /* 112px */
ml-28margin-left: 7rem; /* 112px */
m-32margin: 8rem; /* 128px */
mx-32margin-left: 8rem; /* 128px / margin-right: 8rem; / 128px */
my-32margin-top: 8rem; /* 128px / margin-bottom: 8rem; / 128px */
ms-32margin-inline-start: 8rem; /* 128px */
me-32margin-inline-end: 8rem; /* 128px */
mt-32margin-top: 8rem; /* 128px */
mr-32margin-right: 8rem; /* 128px */
mb-32margin-bottom: 8rem; /* 128px */
ml-32margin-left: 8rem; /* 128px */
m-36margin: 9rem; /* 144px */
mx-36margin-left: 9rem; /* 144px / margin-right: 9rem; / 144px */
my-36margin-top: 9rem; /* 144px / margin-bottom: 9rem; / 144px */
ms-36margin-inline-start: 9rem; /* 144px */
me-36margin-inline-end: 9rem; /* 144px */
mt-36margin-top: 9rem; /* 144px */
mr-36margin-right: 9rem; /* 144px */
mb-36margin-bottom: 9rem; /* 144px */
ml-36margin-left: 9rem; /* 144px */
m-40margin: 10rem; /* 160px */
mx-40margin-left: 10rem; /* 160px / margin-right: 10rem; / 160px */
my-40margin-top: 10rem; /* 160px / margin-bottom: 10rem; / 160px */
ms-40margin-inline-start: 10rem; /* 160px */
me-40margin-inline-end: 10rem; /* 160px */
mt-40margin-top: 10rem; /* 160px */
mr-40margin-right: 10rem; /* 160px */
mb-40margin-bottom: 10rem; /* 160px */
ml-40margin-left: 10rem; /* 160px */
m-44margin: 11rem; /* 176px */
mx-44margin-left: 11rem; /* 176px / margin-right: 11rem; / 176px */
my-44margin-top: 11rem; /* 176px / margin-bottom: 11rem; / 176px */
ms-44margin-inline-start: 11rem; /* 176px */
me-44margin-inline-end: 11rem; /* 176px */
mt-44margin-top: 11rem; /* 176px */
mr-44margin-right: 11rem; /* 176px */
mb-44margin-bottom: 11rem; /* 176px */
ml-44margin-left: 11rem; /* 176px */
m-48margin: 12rem; /* 192px */
mx-48margin-left: 12rem; /* 192px / margin-right: 12rem; / 192px */
my-48margin-top: 12rem; /* 192px / margin-bottom: 12rem; / 192px */
ms-48margin-inline-start: 12rem; /* 192px */
me-48margin-inline-end: 12rem; /* 192px */
mt-48margin-top: 12rem; /* 192px */
mr-48margin-right: 12rem; /* 192px */
mb-48margin-bottom: 12rem; /* 192px */
ml-48margin-left: 12rem; /* 192px */
m-52margin: 13rem; /* 208px */
mx-52margin-left: 13rem; /* 208px / margin-right: 13rem; / 208px */
my-52margin-top: 13rem; /* 208px / margin-bottom: 13rem; / 208px */
ms-52margin-inline-start: 13rem; /* 208px */
me-52margin-inline-end: 13rem; /* 208px */
mt-52margin-top: 13rem; /* 208px */
mr-52margin-right: 13rem; /* 208px */
mb-52margin-bottom: 13rem; /* 208px */
ml-52margin-left: 13rem; /* 208px */
m-56margin: 14rem; /* 224px */
mx-56margin-left: 14rem; /* 224px / margin-right: 14rem; / 224px */
my-56margin-top: 14rem; /* 224px / margin-bottom: 14rem; / 224px */
ms-56margin-inline-start: 14rem; /* 224px */
me-56margin-inline-end: 14rem; /* 224px */
mt-56margin-top: 14rem; /* 224px */
mr-56margin-right: 14rem; /* 224px */
mb-56margin-bottom: 14rem; /* 224px */
ml-56margin-left: 14rem; /* 224px */
m-60margin: 15rem; /* 240px */
mx-60margin-left: 15rem; /* 240px / margin-right: 15rem; / 240px */
my-60margin-top: 15rem; /* 240px / margin-bottom: 15rem; / 240px */
ms-60margin-inline-start: 15rem; /* 240px */
me-60margin-inline-end: 15rem; /* 240px */
mt-60margin-top: 15rem; /* 240px */
mr-60margin-right: 15rem; /* 240px */
mb-60margin-bottom: 15rem; /* 240px */
ml-60margin-left: 15rem; /* 240px */
m-64margin: 16rem; /* 256px */
mx-64margin-left: 16rem; /* 256px / margin-right: 16rem; / 256px */
my-64margin-top: 16rem; /* 256px / margin-bottom: 16rem; / 256px */
ms-64margin-inline-start: 16rem; /* 256px */
me-64margin-inline-end: 16rem; /* 256px */
mt-64margin-top: 16rem; /* 256px */
mr-64margin-right: 16rem; /* 256px */
mb-64margin-bottom: 16rem; /* 256px */
ml-64margin-left: 16rem; /* 256px */
m-72margin: 18rem; /* 288px */
mx-72margin-left: 18rem; /* 288px / margin-right: 18rem; / 288px */
my-72margin-top: 18rem; /* 288px / margin-bottom: 18rem; / 288px */
ms-72margin-inline-start: 18rem; /* 288px */
me-72margin-inline-end: 18rem; /* 288px */
mt-72margin-top: 18rem; /* 288px */
mr-72margin-right: 18rem; /* 288px */
mb-72margin-bottom: 18rem; /* 288px */
ml-72margin-left: 18rem; /* 288px */
m-80margin: 20rem; /* 320px */
mx-80margin-left: 20rem; /* 320px / margin-right: 20rem; / 320px */
my-80margin-top: 20rem; /* 320px / margin-bottom: 20rem; / 320px */
ms-80margin-inline-start: 20rem; /* 320px */
me-80margin-inline-end: 20rem; /* 320px */
mt-80margin-top: 20rem; /* 320px */
mr-80margin-right: 20rem; /* 320px */
mb-80margin-bottom: 20rem; /* 320px */
ml-80margin-left: 20rem; /* 320px */
m-96margin: 24rem; /* 384px */
mx-96margin-left: 24rem; /* 384px / margin-right: 24rem; / 384px */
my-96margin-top: 24rem; /* 384px / margin-bottom: 24rem; / 384px */
ms-96margin-inline-start: 24rem; /* 384px */
me-96margin-inline-end: 24rem; /* 384px */
mt-96margin-top: 24rem; /* 384px */
mr-96margin-right: 24rem; /* 384px */
mb-96margin-bottom: 24rem; /* 384px */
ml-96margin-left: 24rem; /* 384px */
m-automargin: auto;
mx-automargin-left: auto; margin-right: auto;
my-automargin-top: auto; margin-bottom: auto;
ms-automargin-inline-start: auto;
me-automargin-inline-end: auto;
mt-automargin-top: auto;
mr-automargin-right: auto;
mb-automargin-bottom: auto;
ml-automargin-left: auto;

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

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

相关文章

Linux数据管理初探

Linux数据管理初探 导语内存管理内存分配内存错用和处理 文件锁定锁文件/区域锁读写和竞争锁命令和死锁 dbm数据库例程dbm访问函数其他dbm函数 总结参考文献 导语 Linux为应用程序提供简洁的视图用来反映可直接寻址的内存空间(但实际上可能是内存外存)&…

Python中4个高效小技巧

分享 4 个省时的 Python 技巧,可以节省 10~20% 的 Python 执行时间。 包含编程资料、学习路线图、源代码、软件安装包等!【[点击这里]】! 反转列表 Python 中通常有两种反转列表的方法:切片或 reverse() 函数调用。这两种方法都…

【黑马Redis原理篇】Redis数据结构

视频来源:原理篇[2,15] 文章目录 1.动态字符串SDS1.1 内部结构: 2.IntSet3.Dict3.1 dict的内部结构3.2 dict的扩容 4.ziplist压缩列表5.QuickList6.SkipList跳表7.RedisObject对象8.Redis的五种数据结构8.1 String8.2 List8.3 Set8.4 Zset 有序集合8.5 …

WPF之iconfont(字体图标)使用

1,前文: WPF的Xaml是与前端的Html有着高度相似性的标记语言,所以Xaml也可同Html一般轻松使用阿里提供的海量字体图标,从而有效的减少开发工作度。 2,下载字体图标: 登录阿里图标库网iconfont-阿里巴巴矢量…

内网部署web项目,外网访问不了?只有局域网能访问!怎样解决?

相关技术 要实现“内网部署,外网访问”,可以使用内网穿透、VPN技术、DMZ主机、端口映射等方法。以下是对这些方法的详细解释: 一、内网穿透 内网穿透是一种技术,它通过将内网设备映射到公网上的方式,实现外网访问内…

Android MVVM demo(使用DataBinding,LiveData,Fresco,RecyclerView,Room,ViewModel 完成)

使用DataBinding,LiveData,Fresco,RecyclerView,Room,ViewModel 完成 玩Android 开放API-玩Android - wanandroid.com 接口使用的是下面的两个: https://www.wanandroid.com/banner/jsonhttps://www.wan…

c++11(一)

c11(一) 1. C11的发展历史2. 列表初始化2.1 C98传统的{}2.2 C11中的{}2.3 C11中的std::initializer_list 3. 右值引⽤和移动语义3.1 左值和右值3.2 左值引⽤和右值引⽤3.3 引⽤延⻓⽣命周期3.4 左值和右值的参数匹配3.5 右值引⽤和移动语义的使⽤场景3.5…

‍️代码的华尔兹:在 Makefile 的指尖上舞动自动化的诗篇

文章目录 😶‍🌫️😶‍🌫️😶‍🌫️背景——一个优秀工程师必备技能😶‍🌫️😶‍🌫️😶‍🌫️一、🤩🤩快速了解…

SpringBoot中使用Thymeleaf模板引擎

和使用freemarker差不多的方式 1、导入thymeleaf的启动器 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> 2、编写Controller类 3、编写模板页面 注…

vue之子组件向父组件传值

参考博客先挂上 vue3中子传父&#xff08;emit&#xff09;、父传子&#xff08;props&#xff09;一篇文章拿下第一次写文章&#xff0c;告诉你vue3中如何实现父子相传&#xff0c;一篇文章帮 - 掘金 父组件通过 props 向子组件传值 1.子组件使用 $emit 触发事件 2.在父组件…

第26天 安全开发-PHP应用模板引用Smarty渲染MVC模型数据联动RCE安全

时间轴&#xff1a; 演示案例 新闻列表&模板引用-代码RCE安全 知识点 1、PHP 新闻显示-数据库操作读取显示 2、PHP 模版引用-自写模版&Smarty 渲染 3、PHP 模版安全-RCE 代码执行&三方漏洞 新闻列表 1.数据库创建新闻存储 2.代码连接数据库读取 3.页面进行自定…

【微服务】Docker 容器化

一、初识Docker 1. 为什么需要 Docker 大型项目组件较多&#xff0c;运行环境也较为复杂&#xff0c;部署时会遇到一些问题&#xff1a; 依赖关系复杂&#xff0c;容易出现兼容性的问题开发、测试、生产环境有差异 Docker 如何解决依赖的兼容问题 将应用的Libs&#xff08;…

(十四)JavaWeb后端开发——MyBatis

目录 1.MyBatis概述 2.MyBatis简单入门 3.JDBC&#xff08;了解即可&#xff09; 4.数据库连接池​ 5.lombok 6.MyBatis基本操作 7.XML映射文件 8.动态SQL 8.1 if标签 8.2 foreach标签 8.3 sql/include标签​ 1.MyBatis概述 MyBatis是一款优秀的持久层&#xff08…

pytorch实现深度神经网络DNN与卷积神经网络CNN

DNN概述 深度神经网络DNN来自人脑神经元工作的原理&#xff0c;通过在计算机中逻辑抽象出多个节点&#xff0c;接收处理并向后传递信息&#xff0c;实现计算机的自我学习&#xff0c;类比结构见下图&#xff1a; 该方法通过预测输出与实际值的差异不断调整节点参数&#xff0…

私域流量圈层在新消费时代的机遇与挑战:兼论开源 AI 智能名片、2 + 1 链动模式、S2B2C 商城小程序的应用

摘要&#xff1a;本文剖析了私域流量圈层在新消费时代呈现出的独特温度与信任优势&#xff0c;阐述了从传统销售到新消费转型中用户心理的变化。同时&#xff0c;强调了内容对于私域流量的关键作用&#xff0c;并分析开源 AI 智能名片、2 1 链动模式、S2B2C 商城小程序在私域流…

1.4 配置 Android 构建系统

Android 构建系统会编译应用资源和源代码&#xff0c;然后将它们打包成 APK 或 Android App Bundle 文件&#xff0c;供您测试、部署、签名和分发。 创建自定义 build 配置需要您对一个或多个 build 配置文件做出更改。这些纯文本文件使用领域特定语言 (DSL) 通过 Kotlin 脚本&…

containerd配置私有仓库registry

机器ip端口regtisry192.168.0.725000k8s-*-------k8s集群 1、镜像上传 rootadmin:~# docker push 192.168.0.72:5000/nginx:1.26.1-alpine The push refers to repository [192.168.0.72:5000/nginx] 6961f0b8531c: Pushed 3112cd521249: Pushed d3f50ce9b5b5: Pushed 9efaf2eb…

ABAP:SET CURSOR FIELD设置鼠标焦点

SET CURSOR FIELD <字段名>&#xff1a;设置鼠标焦点到该字段 SET CURSOR 设置到鼠标焦点列还是行 SET CURSOR LINE 设置鼠标焦点到行 GET CURSOR field <字段名> &#xff1a;这个相对应的获取鼠标焦点得到的字段

PHP和Python脚本的性能监测方案

目录 1. 说明 2. PHP脚本性能监测方案 2.1 安装xdebug 2.2 配置xdebug.ini 2.3 命令行与VS Code中使用 - 命令行 - VS Code 2.4 QCacheGrind 浏览 3. Python脚本性能监测方案 3.1 命令行 4. 工具 5.参考 1. 说明 获取我们的脚本程序运行时的指标&#xff0c;对分析…

VS code 远程连接到docker容器

1.需要在vscode中下载remote 、docker、dev container插件。 如下图&#xff1a; 有小鲸鱼标志&#xff0c;说明已经成功。 右键可以运行或者停止容器运行