qq_41287158的博客

/设置文字不能被选中 以下为css样式/-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;

justify-content对齐问题描述在CSS flex布局中，justify-content属性可以控制列表的水平对齐方式，例如space-between值可以实现两端对齐。但是，如果最后一行的列表的个数不满，则就会出现最后一行没有完全垂直对齐的问题<div class="container"> <div class="list"></div> <div class="list"></div> <div cl

效果图br换行可以使用v-html<p v-html="info"></p>data() { return { activeName: 'first', info: '1、优化批量上传图片<br/>2、优化时间' } },\n 换行 <p style="white-space: pre-wrap;">{{ info }}</p> data() { return { info:

<template> <div class="number-grow-warp"> <span ref="numberGrow" :data-time="time" :class="{ 'number-grow': isShowClass }" >{{ value }}</span > </div></template><script>expor

写在公共样式即可：html,body { width: 100%; height: 100%; overflow: scroll;}html::-webkit-scrollbar,body::-webkit-scrollbar { width: 0px; height: 0px;}body { margin: 0;}

行内元素 text-align:center; line-height: 父盒子的高度;定位元素2.1 知道盒子本身宽高 position：absolute； top：50%； left：50%； margin：-50px 0 0 -50px； width：100px； height：100px；2.2 不知道盒子本身宽高（但存在兼容性问题） position：absolute； .

第1种效果：<div class="loading"> <span></span> <span></span> <span></span> <span></span> <span></span></div>// css.loading{ width: 80px; height: 40px; margin: 0

css如何让文字两端对齐？使用text-align:justify 使用text-align:justify无效？最后想要的效果，如图所示：css中加上text-align:justify，但是我们看页面是没有任何效果的。如图所示 <p class="header_title"> 东拉西扯ab东拉 </p> // css .header_title { padding-left: 0.25rem; height: 0.4125rem;

效果如图所示，代码放下面了。在需要致黑白的盒子上加上该css即可：.grayscale { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImag

css 背景图居中固定大小显示 剩余部分用颜色填充项目中有遇到这个问题，所以在这里记录一下简写的方式// url 中是图片地址background: url(~@/styles/images/login-bg@2x.png) no-repeat center/15rem auto #F0F3F7;分开写 background-image:url(~@/styles/images/login-bg@2x.png); background-position: center; backg