This is my Blog!!Welcome to you!!
【分享个人java学习心得和技术问题汇总】

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

未经允许不得转载:Java学习 » 小程序 wxss样式总结

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址