随笔分类 - CSS
摘要：新版弹性盒：display:flex（设置为弹性盒 给父级添加） 排列方式：1，flex-direction（主轴排列方式）+row /row-reverse/ column/ column-reverse 2,justify-content（主轴对齐方式）+flex-start/ felx-end
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Swiper demo</title> <meta name="viewport" content="width=device-width, initial
阅读全文
摘要：转自于：https://www.yzktw.com.cn/post/1051445.html CSS让图片自动滚动是一种非常实用的功能，它可以让网站的页面更加动态和生动。实现这个功能的方法也非常简单，只需要使用CSS中的滚动条属性即可。 /* 将所有图片都放在一个div内 */ .scroll {
阅读全文
摘要：设置高度height，记得给左右侧div一个最小高度min-height，保证没有内容的时候有一定的高度，内容撑起来的时候再自动适应 <el-col :xs="12" :sm="6" :md="2" class="grid-cell"> <div class="grid-content bg-pur
阅读全文
摘要：<ele-pro-table stripe ref="table" :columns="columns" :datasource="datasource" :row-click-checked="false" :row-click-checked-intelligent="false" :toolk
阅读全文
摘要：定义一个属性方法：<el-card shadow="never" body-style="padding: 12px" :class="sss()"></el-card> methods： //class属性方法 sss() { //根据条件返回样式 if (this.position == 3)
阅读全文
摘要：添加scoped情况下改变el-card的header和body样式无效 <style scoped> .el-card .el-card__body { padding: 6px; } .el-card .el-card__header { padding: 8px 20px; border-bo
阅读全文
摘要：转自于：https://www.freesion.com/article/70591480623/.wrap { width: 400px; display:flex; /*弹性盒子*/ justify-content: space-between; /*两端对齐，子元素之间有间隙*/ flex-f
阅读全文
摘要：按钮： <div class="left pageTit"> <a href="javascript:;" class="summaryBtn">按钮</a> <a href="javascript:;" class="summaryBtn1">按钮1</a> </div> 模块： <div cla
阅读全文
摘要：demo : <div style="vertical-align:middle;"> <input type="checkbox" checked="checked" style="vertical-align:middle;" />显示数值 " />显示 </div> 即外面的div和input
阅读全文
摘要：原文链接：https://www.cnblogs.com/bk-ygj/p/7120239.html 下面是纯CSS设置Checkbox复选框控件的五种简单样式，有兴趣的可以进行改动将其变成自己想要的样式。 首先，需要添加一段CSS隐藏所有的Checkbox复选框，下面我们会改变它的外观。要做到点需
阅读全文
摘要：.firstp { /* 文字排版：颜色、字号、字体、粗体、斜体、下划线、删除线 */ color: #666; /*颜色*/ font-size: 30px; /*字号*/ font-family: "宋体"; /*字体*/ font-weight: bold; /*粗体*/ font-style
阅读全文
摘要：div{position:relative} div div{position:absolute;left:0;right:0;margin:0 auto;}
阅读全文
摘要：1. vertical-align属性实现效果： vertical-align 属性设置元素的垂直对齐方式。 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
阅读全文
摘要：方法一： 给input添加 -webkit-appearance: none; 隐藏默认样式。然后添加自己的样式就好了。 例如： .radioBox input{ -webkit-appearance: none; width: 20px; height: 20px; padding: 0; bac
阅读全文
摘要：/*清除浮动*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; }
阅读全文
摘要：这篇文章主要介绍了CSS设置背景模糊的实现方法,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下 在做一些页面的时候，为了让页面更好看，我们常常需要设置一些背景图片，但是，当背景图片太过花哨的时候，又会影响我们的主体内容，所以我们就需要用到 filter 属性来设置他的模糊值。
阅读全文
摘要：步奏： 1、设置两个table，第一个table有thead没有tbody，第二个table有tbody没有table；2、第二个table需要一个div包住，并设置宽高，可用绝对布局3、tr下的th和td需要设置相同的宽度 实例： html： <html> <head></head> <body>
阅读全文
