弹性(Flex)布局的使用

弹性布局最大的优点就是弹性,虽然使用百分比或者媒体查询也可以实现响应布局,但我认为以下几种情况下,flex布局是比较好的选择:1.视口中的特定块按照比例进行缩放2.一些以基准线对齐的布局3.模块垂直居中,水平居中4.左中右弹性布局常用属性1、Flex布局概念flex全称是flexbox(flexibleBox),即弹性盒子。

陈楸帆的全球飞行:从联合国气候大会到ChatGPT,两大行星级议题交织

▲陈楸帆,科幻作家、耶鲁大学访问学者、中国作家协会科幻文学委员会副主任,多次斩获星云奖、银河奖、世界奇幻科幻翻译奖等国内外奖项图/受访者提供当人们谈到AI,常说应该让AI与人类的价值观对齐,“但问题是人类社会内部的价值观都不对齐。”“在之前那个草根互联网时代,已经出现了所谓新中心化的局面,而在即将到...

产品设计规范包含哪些内容

产品设计规范还需要考虑产品的制造和装配。设计师和工程师必须确保产品可以顺利地制造和装配，并且能够保证产品的质量和可靠性。此外，产品设计规范还需要考虑产品的维护和修理，以便于产品在使用寿命内能够方便地进行维护和修理。总之，产品设计规范是指导我们进行产品设计的原则和标准，它包含了许多必要的内容，例如明确产...

栅格篇|不会栅格系统?拿走这篇零基础使用指南!

大多数情况下我们只需要将主要内容区域遵循栅格系统即可,其他部分如固定导航、侧边悬浮栏、右下角弹窗…等不一定要跟随屏幕尺寸或内容的变化而变化。4.合理的打破栅格对齐对齐在栅格系统中的地位可谓是举足轻重,不过在一些特殊场景中不必为了对齐而对齐,在不影响视觉效果的前提下,可以根据实际情况合理的打破对齐。

B端组件化思考:基本规范篇

3.3基础对齐3.3.1中文/英文居左对齐中文和英文均采用左对齐的方式,因为现代阅读的顺序一般是自左向右,呈“Z“字形。3.3.2数字/小数点对齐数字通常采用右对齐或小数点对齐,这样便于对个十百千位上的数字进行对比。3.3.3冒号对齐以冒号对齐的方式在表单中尤其常见,主要是为了区分标题和内容区块,除了美...