小程序 wxss样式总结

出自:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7013


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 自动加入滚动条

你可能感兴趣的:(微信小程序)