d,e,开头的css属性在小程序里比较少,就放在一起了,先看图:

那先说c开头的属性:

1.caption-side:这个是表格的标题所处的位置属性。取值:bottom ,top。

小程序里没有table的标签支持,不清楚怎么设置。小程序里设置表格其实很简单,只需要用列表渲染就可以。如下图:

标题一

标题二

标题三

标题四

标题五

内容

内容

内容

内容

内容

样式:

.table {

border: 1px solid greenyellow;

border-right: 0rpx;

border-bottom: 0rpx;

width: 98%

}

.tr {

width: 100%;

display: flex;

justify-content: space-between;

}

.th ,.td {

padding: 10px;

border-bottom: 1px solid greenyellow;

border-right: 1px solid greenyellow;

text-align: center;

width:100%

}

.th {

font-weight: 400rpx;

background-color: greenyellow

}

2.clear:指定位置不允许有浮动元素:取值:left,right,both,none。

3.clip:裁剪。见position。

4.clip-path,取代clip。

5.color:颜色,见这里.

(这里插一句,本来这一篇都快写完了,谁知道一不小心点错了,没保存,又得重新来搞,崩溃啊!怎么就不带自动保存的。差评!)

6.color-interpolation-filters:指定哪个彩色空间补白的使用影响。具体有啥用没搞明白。

取值:auto:在指定的彩色空间不发生.linearRGB:颜色运算在线性化的RGB彩色空间应该发生。sRGB:颜色运算在sRGB彩色空间应该发生。

7.column-count: 指定某个元素应分为的列数。假如要分成3列:column-count:3.

8.column-fill:指定如何填充列。取值:默认值:balance,列长短平衡。浏览器应尽量减少改变列的长度。auto:列顺序填充,他们将有不同的。

9.column-gap:指定的列之间的距离。column-gap:40rpx,那两列之间的距离为40rpx。

10.column-rule:指定列之间的规则:宽度,样式和颜色。column-rule:column-rule-color  column-rule-style  column-rule-width

11.column-rule-color:这是颜色。没啥可说的。

12.column-rule-style :列之间的间隔线的样式,取值有dashed,double,dotted,hidden,groove,inset,outset,none,ridge,solid。

13.column-width:间隔线的宽度。

14.column-span:独占一行,取值为:1|all。当取值为all 的时候独占一行,如果是1的时候跟别的列在一行。

15.column-width: 列的宽度。

16.columns: 指定列的宽度和数量。columns:column-width column-count,可以快速的创建多宽几列。说多了没用 看图:

17.content:该属性与 :before 及 :after 伪元素配合使用,来插入生成内容。这个属性好玩一点,试了几个不同的组件发现表现不一样。先来看图。wxml代码就这个

头像

按钮

我是输入框

很明显可以看出来,在text,button组件中如果是before,那图片将在前面,而input组件中则是代替placeholder的地方。最好玩的就是:after了,在text组件中表现为在字后面,而button中则感觉是在字的上一层,而input中则直接消失不见了。所以很明显这个属性需要好好熟悉以后才能更好的使用。

18.counter-increment: 递增一个或多个计数器值。

19. counter-reset: 创建或重置一个或多个计数器。这3个(17,18,19)一般一起用可以自动生成以下格式。就是自动生成1.1,1.2,2.1,2.2等等。

20.cursor: 定义了鼠标指针放在一个元素边界范围内时所用的光标形状。按照css里面规定鼠标的格式,不过在小程序里没发现有什么用。

21.direction:指定文本方向/书写方向。取值:默认值:ltr:文本方向从左到右。rtl:文本方向从右到左。说真的没看出来到底怎么实现的,跟我想象中的不一样啊。

22.empty-cells:是否显示表格中的空单元格(仅用于"分离边框"模式)。取值:hidden  show

23.enable-background:废弃。

到此c,d,e开头的属性都过了一遍。

微信小程序 抓css,微信小程序css篇相关推荐

  1. 用python 、itchat登录微信网页版 微商自动回复功能、抓取微信好友信息列表。

    最近用Python实现了一些微信的简单玩法 我们可以通过网页版的微信 微信网页版 ,扫码登录后去抓包爬取微信信息,还可以post去发送信息. >>安装itchat这个库 pip insta ...

  2. 【Charles基础】Charles抓取微信小程序乱码,抓取指定的请求

    问题: 在抓取微信小程序的接口时,会出现乱码的情况(抓取https) 解决方法: 1.点击 [工具栏-->Proxy-->SSL Proxying Settings...] 2.添加需求抓 ...

  3. 使用fiddler手机微信小程序抓包

    1电脑下载fiddler安装之后,电脑下载安装证书等操作之后 2手机打开微信小程序,使用电脑打开小程序可以直接在电脑上抓包很方便,不用抓手机上的包了.但是有一些电脑抓不了包的情况,比如电脑不能拍视频拍 ...

  4. Fiddler 微信小程序抓包

    前言 刚刚在进行微信小程序抓包时, 我通过手机WiFi代理怎么也抓不到包.百度了一圈总结三点 小程序无法抓包原因 : 安卓系统 7.0 以下版本,不管微信任意版本,都会信任系统提供的证书 安卓系统 7 ...

  5. 微信小程序抓包教程:Burpsuite版 附所需工具

    身为一名码农,抓包肯定是一项必备技能.工作中遇到很多次需要对小程序进行抓包排查问题.下面分享一下我的抓包方式,使用的是电脑版小程序抓包,跟手机的方式都差不多的. 一.环境 微信版本:3.6.0.18 ...

  6. 使用Fiddler抓取微信小程序二维码请求地址

    原文地址,请访问https://www.caofanqi.cn/archives/使用fiddler抓取微信二维码请求地址 最近开发中在做一个需求时,需要提前获取到微信二维码请求的地址,在此将过程记录 ...

  7. 微信小程序抓包反编译保姆级教程

    文章目录 1.基本采集流程 2.采集流程 2.1 抓包 2.1.1 抓包背景介绍 2.1.2 使用工具 2.1.3 具体抓包流程 2.2 wxapkg包获取 2.2.1 wxapkg包获取背景介绍 2 ...

  8. 微信小程序抓包方法汇总

    前言 ios端和mac用户可以忽略以下内容,本文针对于windows端和android端的微信无法抓取小程序数据包提出相关解决方案. 分析 Android7. 0及以上的系统中,每个应用可以定义自己的 ...

  9. fiddler抓包微信小程序

    这几天在抓包微信小程序的时候发现直接启动fiddler是无法抓取信息的,浏览器抓包一切正常,所以就研究了一下找到了以下解决方案 1.首先你先打开电脑微信,并任意打开一个小程序页面,此时通过电脑的任务管 ...

  10. 把jquery city-picker地区选择插件数据改成微信小程序省市地区数据一样(php代码抓取微信小程序地区数据)

    原版插件 https://github.com/tshi0912/city-picker 资源下载 https://download.csdn.net/download/jianye112/12036 ...

最新文章

  1. 浅析WebRtc中视频数据的接收和渲染流程
  2. V210 系统时间设置
  3. Vue笔记-Ant Design Vue的使用(Vue3)
  4. 烹调方案(洛谷-P1417)
  5. java中如何播放wav_如何播放.wav文件与java
  6. esp8266驱动_ESP8266配置windows版
  7. python创建文件对象的函数_Python 文件对象常用内建方法
  8. java对象描述开车_java面向对象
  9. wifi 小米pro 驱动 黑苹果_小米Pro 15.6英寸(i7 8550U-MX110)游戏本黑苹果
  10. php 统计fasta 序列长度和GC含量
  11. 海康威视摄像头连接(.net)
  12. 70行脚本实现促销信息微信通知
  13. tf2.0不降版本也能完美解决module ‘tensorflow’ has no attribute ‘contrib’的问题
  14. Mysql常用命令行大全(三)
  15. php curl模拟客户端,PHP cURL 模拟Amazon登陆
  16. 翻译并添加 解析OV13850 datasheet
  17. 全网最强maven教程-使用Maven搭建Struts2框架的开发环境
  18. 硬盘检测软件测试培训,认识专业的考机工具PassMark BurnInTest_软件测试_软件测试培训_软件测试频道_中国IT实验室...
  19. verilog将100mhz分频为1hz_50m 分频器设计——50MHZ(含verilog程序)
  20. Windows XP 系统JDK安装

热门文章

  1. Linux Centos7 测试硬盘IO速度
  2. node mysql菜鸟教程_Node.js GET/POST请求
  3. 使用C/C++编程控制LEGO EV3
  4. 22-5 论如何将标准中国地图矢量化并且导入arcgis中
  5. visio中使用连接线连接形状
  6. 原来这些手机技巧这么好用!以前还不知道,今天领教了
  7. 干净下潜声阔的贝斯混音教程|我要为贝斯手讨个公道!让粉丝们都能听清楚贝斯声|MZD Studios
  8. ghost系统卡正在启动服务器,GHOST完后安装win7系统卡在正在启动windows界面...-华硕笔记本装win7,华硕win10改win7步骤...
  9. 使用Qt学习C语言编程1
  10. 如何利用Exif提取软件从图片中抓取有价值数据