Break空白间隔
AX-BR组件是原生br标签的替代;本break-row组件可以创造上下文水平分割空白,br=break-row;另外AX-BC组件可创造垂直空白间隔,bc=break-column,AX-BR和AX-BC都可以自定义空白多少。
前言
原生分割间隙标签br
仅作用于上下文换行,其语义不适合用于左右行文分隔,而且该标签被css定义,另外截至目前HTML标准目前还没有提供用于左右行文分隔的标签,基于此,本框架定义了ax-br
和ax-bc
两个标签。br = break row缩写;bc = break column缩写。
上下行文间隙
自定义标签ax-br
为上下行文间隙标签,支持一个属性:size
,其取值如下:
- xxs:4px高度
- xs:8px高度
- sm:14px高度
- md:22px高度
- lg:28px高度
- xl:38px高度
- xxl:44px高度
- 输出
- HTML
-
中国是世界四大文明古国之一,有着悠久的历史,距今约5000年前,以中原地区为中心开始出现聚落组织进而形成国家,后历经多次民族交融和朝代更迭,直至形成多民族国家的大一统局面。
20世纪初辛亥革命后,君主政体退出历史舞台,共和政体建立。1949年中华人民共和国成立后,在中国大陆建立了人民代表大会制度的政体。
中国疆域辽阔、民族众多,先秦时期的华夏族在中原地区繁衍生息,到了汉代通过文化交融使汉族正式成型,奠定了中国主体民族的基础。
-
左右行文间隙
自定义标签ax-bc
为左右行文间隙标签,支持一个属性:size
,其取值如下:
- xxs:4px宽度
- xs:8px宽度
- sm:14px宽度
- md:22px宽度
- lg:28px宽度
- xl:38px宽度
- xxl:44px宽度
注意,ax-bc的height值为100%,如果父元素没有明确的高度,那么其高度将为0。
- 输出
- HTML
-
中国是世界四大文明古国之一,有着悠久的历史,距今约5000年前,以中原地区为中心开始出现聚落组织进而形成国家,后历经多次民族交融和朝代更迭,直至形成多民族国家的大一统局面。
20世纪初辛亥革命后,君主政体退出历史舞台,共和政体建立。1949年中华人民共和国成立后,在中国大陆建立了人民代表大会制度的政体。
中国疆域辽阔、民族众多,先秦时期的华夏族在中原地区繁衍生息,到了汉代通过文化交融使汉族正式成型,奠定了中国主体民族的基础。
-