随笔- 41
文章- 0
评论- 2
阅读-
15450
随笔分类 - html css
css 多行文本展开收起
摘要：<template> <div class="content"> <div :class="[isOpen ? 'text' : 'text m']" ref="text"> <div v-if="isShow"> <label class="btn" @click="open" v-show="!
阅读全文
css 微信h5踩坑
摘要：1. 微信环境下长按识别二维码不能将二维码图片作为div的背景，要用img标签才可以识别。 2. 移动端微信h5使用rem为单位、flex布局时，使用position: relative定位在ios和安卓下会出现位置不一致，要改为px单位，如果有更好的办法欢迎评论。 3. 处理底部安全距离 // 在
阅读全文
flex常用布局
摘要：1. 常见左上下布局 css: <style type="text/css"> * { padding: 0; margin: 0; } html { width: 100vw; height: 100vh; min-width: 1200px; } .menu-wrapper { display:
阅读全文
css transition属性和animation动画及区别
摘要：1. transtion的四个属性 transtion-property: 规定设置过渡属性的css属性 transtion-duration：延迟时间，指定从一个属性到另一个属性过渡所要花费的时间 transiton-timing-function：过渡函数 transition-delay：延迟
阅读全文
position中的sticky定位
摘要：看上图的效果就是页面滚动到一定位置时，导航栏固定在搜索栏下面的位置，也就是说这个导航栏由“相对定位”变成“固定定位”，此时就 需要用到sticky粘性定位 div { position: -webkit-sticky; /* safari 浏览器 */ position: sticky; /* 其他
阅读全文
html、css基础
摘要：1.在div简单布局时，要想做到两边元素浮动，中间元素居中显示，要把中间的元素放到两个浮动元素的下方，不然中间元素会上不去。 2.使用原生的html中的button标签时一定要加上<type="button"> 防止点击跳转新页面 3.<html lang="zh-cmn-Hans"> 或 <htm
阅读全文
