小程序wxss的几个属性总结

  • 1.display:设置对象是否显示。
  • 2.float:指出对象是否及如何浮动。
  • 3.clear:指出了不允许有浮动对象的边。
  • 4.visibility:是否隐藏,与display隐藏不同,visibility隐藏的时候保留元素占据的位置。
  • 5.overflow:设置对象处理溢出内容的方式。
  • 6.overflow-x:设置在横向溢出内容的方式。
  • 7.overflow-y:设置在纵向溢出内容的方式。

1.display取值

1.block:指定对象为块元素。
2.flex:将对象作为弹性伸缩盒显示。(小程序推荐使用伸缩盒子)
3.inline:指定对象为内联元素。
4.inline-block:指定对象为内联块元素。
5.inline-flex:将对象作为内联块级弹性伸缩盒显示。
6.inline-table:指定对象作为内联元素级的表格。
7.list-item:指定对象为列表项目。
8.none:隐藏对象。不占物理位置。
9.table:指定对象最为块元素级的表格。

2.float(取值:left,right,none,inherit。)

定义了元素在那个方向浮动,浮动元素会生成一个块级框,而不论它本身是何种元素。
float 在绝对定位中不起作用。大多数企业网站布局都是以float来定位。

3.clear:该属性指出不允许有浮动对象的边。(取值:left,right,both,none.)

none:允许两边可以浮动。
left:不允许左边有浮动对象。
right:不允许右边有浮动对像。
both:两边都不允许浮动。

4.visibility:是否显示对象(取值:visible,hidden,collapse。)

  • visible:设置可见。
  • hidden:设置隐藏(隐藏了也占位置)。
  • collapse:隐藏表格的行或者列。

5.overflow:处理溢出内容的方式。(取值:visible,hidden,scroll,auto。)

  • visible:对溢出内容不做处理,内容可能会超出容器。
  • hidden:隐藏溢出容器的内容且不会出现滚动条。
  • scroll:隐藏溢出容器的内容,溢出的内容将以卷动滚动条的方式呈现。
  • auto:当内容没有溢出容器的时候不出现滚动条,当内容溢出容器的时候出现滚动条。按需出现。

overflow-x:横向处理溢出内容的方式(取值:visible,hidden,scroll,auto。)
overflow-y:纵向处理溢出内容的方式(取值:visible,hidden,scroll,auto。)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,863评论 1 92
  • day01­_起源和结构 结构:Xhtml xml 表现:CSS 行为:DOM ECMAScript 以上都属于W...
    Sakura_明妃阅读 1,259评论 0 1
  • 引言 快速学习也是一种能力! 快速引导 提到布局,脑子里第一反应出来的就是LinearLayout,Relativ...
    OzanShareing阅读 3,878评论 0 1
  • 概述: CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 一、注释: CSS注释以 "/*" 开始,...
    进入web前端阅读 2,069评论 0 8
  • 这样的人生才叫真正的人生,酸甜苦辣都具备着,不再是一成不变的一直重复同一件事情,虽然一天的经历很是丢脸,但说到底也...
    媄妙音符阅读 583评论 0 3