HTML/CSS
关注
分享
扫一扫
jinmo277
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue 消息无缝滚动
<div class="fix-vote"> <div class="vote-list-box" :class="{ anim: animate }"> <div class="vote-item" v-for="(item, index) in voteList" :key="index"> <span>{{ item....原创 2019-12-08 21:07:56 · 194 阅读 · 0 评论 -
vue-cli3中使用rem自适应
安装npm install postcss-px2rem --save在vue.config.js中增加配置const px2rem = require('postcss-px2rem');const postcss = px2rem({ remUnit: 75 // 基准大小 baseSize，需要和rem.js中相同})module.exports = { ...原创 2019-12-07 21:30:28 · 1176 阅读 · 1 评论 -
display: inline-block带来的问题
情景一：两个相邻的inline-block元素（其中一个元素中有内容），出现了高度偏差的问题<div class="inline-box"> <span></span> <span>1</span></div>.inline-box span display: inlin...转载 2019-05-30 10:58:49 · 664 阅读 · 0 评论 -
加载进度条demo
<template> <div class="progress-box"> <div class="container"> <div class="loading-icon" ></div> <div class="loading-bar"> <div class...原创 2019-06-13 17:18:22 · 221 阅读 · 0 评论 -
CSS实现文本两端对齐
text-align: justify实现两端对齐文本效果。但是对最后一行是无效的（因此对单行文本也是无效的）， 那要实现上面的效果，我们就要新增一行，使其不再是最后一行。<template> <div style="padding: 100px;"> <div class="item"> <span ...原创 2019-06-14 11:31:10 · 2020 阅读 · 0 评论 -
利用margin负值实现多列等高
<div class="container"> <div class="left-box"> 左侧内容<br> 左侧内容<br> 左侧内容<br> 左侧内容<br> </div> <div class="right-box"> 右侧内容<br> 右侧内容<br...原创 2019-09-05 18:04:09 · 169 阅读 · 0 评论