![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
这么近又那么远
这个作者很懒,什么都没留下…
展开
-
div水平垂直居中的六种方法
一 :绝对定位方法:不确定当前div的宽度和高度,采用transform:translate(-50%,-50%); 当前div的父级添加相对定位(position: relative;)div{ background:red; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}二:绝对定位方法:确定了当前div的宽度,margin值为当前div宽度..转载 2020-12-15 09:03:50 · 467 阅读 · 1 评论 -
justify-content: space-evenly 在移动端部分机型无效
移动端界面布局中使用flex,使用justify-content: space-evenly;样式,在部分机型中无效,使用以下样式替换.container{ display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; //justify-content: space-evenly;原创 2020-11-25 16:23:10 · 1273 阅读 · 0 评论 -
tabs
代码<template> <div class="x-f m-tabs ml24"> <div class="item-tabs" v-for="item in rqtab" :key="item.value" :class="[ item.value == rq_check ? 'on' : '']" @click="tabClick(item.value)"&..原创 2020-11-23 17:13:07 · 192 阅读 · 0 评论 -
css 输入框角标
效果图代码<div class="y-start item-default-height pl10"> <div class="text-deep laebl-small">渠道</div> <label class="input-width-lg label-input" :class="[qdmc ? 'text-deep' : 'text-plac']">{{.原创 2020-11-23 17:06:28 · 305 阅读 · 0 评论 -
px、em、rem、rpx区别和为什么使用62.5%(摘录)
PXpx像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。EM特点1. em的值并不是固定的;..原创 2020-10-27 09:53:21 · 494 阅读 · 0 评论