以下内容是本人在开发过程中实际验证过的一些固定写法,记录下来,方便自己后续开发过程中直接拷贝粘贴。
1、div 设置宽度自适应文本内容:设置 div 节点的 class 为下面 auto-adjust-text-width
.auto-adjust-text-width {display: inline-block;white-space: nowrap;
}
2、使 div 节点具有上下或左右滑动的能力:style="overflow-y: scroll;" 或 style="overflow-x: scroll;"
<div style="overflow-y: scroll;"></div>
<div style="overflow-x: scroll;"></div>
3、设置宽高或边距:可以用 calc 计算方式,注意:如果直接用百分比表示的话,比如100%,那这是相对于父布局的比值,如果要相对于根布局,那就用vh或者vw,全屏宽度是固定的100vw,全屏高度是固定的100vh,25vw则表示相对于根布局宽度的25%,30vh则表示相对于根布局高度的30%,如果父布局就是根布局,那这两种单位就是等效的
width: calc((100% - 2px) / 2);
height: calc((20vh + 24px) * 2);
4、vue 退回到上一个界面
this.$router.go(-1);
//或者
this.$router.back();