Break空白间隔

AX-BR组件是原生br标签的替代;本break-row组件可以创造上下文水平分割空白,br=break-row;另外AX-BC组件可创造垂直空白间隔,bc=break-column,AX-BR和AX-BC都可以自定义空白多少。

前言

原生分割间隙标签br仅作用于上下文换行,其语义不适合用于左右行文分隔,而且该标签被css定义,另外截至目前HTML标准目前还没有提供用于左右行文分隔的标签,基于此,本框架定义了ax-brax-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年中华人民共和国成立后,在中国大陆建立了人民代表大会制度的政体。

    中国疆域辽阔、民族众多,先秦时期的华夏族在中原地区繁衍生息,到了汉代通过文化交融使汉族正式成型,奠定了中国主体民族的基础。

  •