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