小程序样式

wxss样式积累

wxss样式里代码看不懂可以查阅这里,如果没找到对应样式,请自行百度喽,这些也是代码君问的度娘

  • display属性
    • none:此元素不会被显示
    • block:两个元素自动换行
    • inline:两个元素靠在一起
    • inherit:继承父类
    • flex:多栏多列
  • flex-direction:
    • column 垂直分布
    • row 水平分布
  • flex-wrap:
    • nowrap item溢出不换行
    • wrap 超出的item跳到下一行
  • justify-content属性
    • flex-start:左对齐
    • flex-end:右对齐
    • center:居中
    • space-between :item中间留出等间距
    • space-around:环绕item流程等间距
  • align-items item 边界线对齐方式
    • flex-start | flex-end | center | baseline | stretch
  • border-bottom 边界线
    • 举个栗子 1px solid #ccc;
  • align-items item 边界线对齐方式
    • flex-start | flex-end | center | baseline | stretch
  • overflow-x 内容超过边框处理方式
    • visible 显示超出的内容
    • hidden 隐藏超出的内容
    • auto 自动加入滚动条
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值