Divider 分隔和间隔

纵向空白间隔

ax-break-*表示纵向空白间隔,本框架所有纵向空白间隔如下:

  • ax-break-xxs 高度为4px的空白间隔
  • ax-break-xs 高度为8px的空白间隔
  • ax-break-sm 高度为10px的空白间隔
  • ax-break/ax-break-md 高度为14px的空白间隔
  • ax-break-lg 高度为18px的空白间隔
  • ax-break-xl 高度为22px的空白间隔
  • ax-break-xxl 高度为28px的空白间隔
                                <div class="ax-bglit-title" style="height:50px;"></div>
                                <div class="ax-break-xxs"></div>
                                <div class="ax-bglit-title" style="height:50px;"></div>
                                <div class="ax-break-xs"></div>
                                <div class="ax-bglit-title" style="height:50px;"></div>
                                <div class="ax-break-sm"></div>
                                <div class="ax-bglit-title" style="height:50px;"></div>
                                <div class="ax-break"></div>
                                <div class="ax-bglit-title" style="height:50px;"></div>
                                <div class="ax-break-md"></div>
                                <div class="ax-bglit-title" style="height:50px;"></div>
                                <div class="ax-break-lg"></div>
                                <div class="ax-bglit-title" style="height:50px;"></div>
                                <div class="ax-break-xl"></div>
                                <div class="ax-bglit-title" style="height:50px;"></div>
                                <div class="ax-break-xxl"></div>
                                <div class="ax-bglit-title" style="height:50px;"></div>
                        

横向空白间隔

ax-gutter-*表示横向空白间隔,本框架所有横向空白间隔如下:

  • ax-gutter-xxs 宽度为4px的空白间隔
  • ax-gutter-xs 宽度为8px的空白间隔
  • ax-gutter-sm 宽度为10px的空白间隔
  • ax-gutter/ax-gutter-md 宽度为14px的空白间隔
  • ax-gutter-lg 宽度为18px的空白间隔
  • ax-gutter-xl 宽度为22px的空白间隔
  • ax-gutter-xxl 宽度为28px的空白间隔
1
1
1
1
1
1
1
1
1
                                    <div class="ax-row">
                                    <div class="ax-col"><section class="demo-section-border">1</section></div>
                                    <span class="ax-gutter-xxs"></span>
                                    <div class="ax-col"><section class="demo-section-border">1</section></div>
                                    <span class="ax-gutter-xs"></span>
                                    <div class="ax-col"><section class="demo-section-border">1</section></div>
                                    <span class="ax-gutter-sm"></span>
                                    <div class="ax-col"><section class="demo-section-border">1</section></div>
                                    <span class="ax-gutter"></span>
                                    <div class="ax-col"><section class="demo-section-border">1</section></div>
                                    <span class="ax-gutter-md"></span>
                                    <div class="ax-col"><section class="demo-section-border">1</section></div>
                                    <span class="ax-gutter-lg"></span>
                                    <div class="ax-col"><section class="demo-section-border">1</section></div>
                                    <span class="ax-gutter-xl"></span>
                                    <div class="ax-col"><section class="demo-section-border">1</section></div>
                                    <span class="ax-gutter-xxl"></span>
                                    <div class="ax-col"><section class="demo-section-border">1</section></div>
                                </div>
                        

纵向线条间隔

ax-break-line表示1px高,100%宽的纵向线条间隔。

  中国,是以华夏文明为源泉、中华文化为基础,并以汉族为主体民族的多民族国家,通用汉语、汉字,汉族与少数民族被统称为“中华民族”,又自称为炎黄子孙、龙的传人。

  中国是世界四大文明古国之一,有着悠久的历史,距今约5000年前,以中原地区为中心开始出现聚落组织进而形成国家,后历经多次民族交融和朝代更迭,直至形成多民族国家的大一统局面。20世纪初辛亥革命后,君主政体退出历史舞台,共和政体建立。1949年中华人民共和国成立后,在中国大陆建立了人民代表大会制度的政体。

  中国疆域辽阔、民族众多,先秦时期的华夏族在中原地区繁衍生息,到了汉代通过文化交融使汉族正式成型,奠定了中国主体民族的基础。后又通过与周边民族的交融,逐步形成统一多民族国家的局面,而人口也不断攀升,宋代中国人口突破一亿,清朝时期人口突破四亿,到2005年中国人口已突破十三亿。

                                <div class="ax-article ax-padding">
                                    <p>  中国,是以华夏文明为源泉、中华文化为基础,并以汉族为主体民族的多民族国家,通用汉语、汉字,汉族与少数民族被统称为“中华民族”,又自称为炎黄子孙、龙的传人。</p>
                                   <div class="ax-break-line"></div>
                                    <p>  中国是世界四大文明古国之一,有着悠久的历史,距今约5000年前,以中原地区为中心开始出现聚落组织进而形成国家,后历经多次民族交融和朝代更迭,直至形成多民族国家的大一统局面。20世纪初辛亥革命后,君主政体退出历史舞台,共和政体建立。1949年中华人民共和国成立后,在中国大陆建立了人民代表大会制度的政体。</p>
                                    <div class="ax-break-line"></div>
                                    <p>  中国疆域辽阔、民族众多,先秦时期的华夏族在中原地区繁衍生息,到了汉代通过文化交融使汉族正式成型,奠定了中国主体民族的基础。后又通过与周边民族的交融,逐步形成统一多民族国家的局面,而人口也不断攀升,宋代中国人口突破一亿,清朝时期人口突破四亿,到2005年中国人口已突破十三亿。</p>
                                </div>
                        

横向线条间隔

ax-gutter-line表示1px宽,100%高的横向线条间隔。本例子需通过style写入高度。

1
1
1
                                <div class="ax-row">
                                    <div class="ax-col"><section class="demo-section">1</section></div>
                                    <span class="ax-gutter-line" style="height: 80px;"></span>
                                    <div class="ax-col"><section class="demo-section">1</section></div>
                                    <span class="ax-gutter-line" style="height: 80px;"></span>
                                    <div class="ax-col"><section class="demo-section">1</section></div>
                                </div>
                        

文字间隔

ax-break-text表示28px的文字间隔,默认居中,使用ax-align-leftax-align-right分别实现居左和居右布局。

  中国,是以华夏文明为源泉、中华文化为基础,并以汉族为主体民族的多民族国家,通用汉语、汉字,汉族与少数民族被统称为“中华民族”,又自称为炎黄子孙、龙的传人。

伟大的中国

  中国是世界四大文明古国之一,有着悠久的历史,距今约5000年前,以中原地区为中心开始出现聚落组织进而形成国家,后历经多次民族交融和朝代更迭,直至形成多民族国家的大一统局面。20世纪初辛亥革命后,君主政体退出历史舞台,共和政体建立。1949年中华人民共和国成立后,在中国大陆建立了人民代表大会制度的政体。

伟大的中国

  中国疆域辽阔、民族众多,先秦时期的华夏族在中原地区繁衍生息,到了汉代通过文化交融使汉族正式成型,奠定了中国主体民族的基础。后又通过与周边民族的交融,逐步形成统一多民族国家的局面,而人口也不断攀升,宋代中国人口突破一亿,清朝时期人口突破四亿,到2005年中国人口已突破十三亿。

伟大的中国

  中国文化渊远流长、博大精深、绚烂多彩,是东亚文化圈的文化宗主国,在世界文化体系内占有重要地位,由于各地的地理位置、自然条件的差异,人文、经济方面也各有特点。传统文化艺术形式有诗词、戏曲、书法、国画等,而春节、元宵、清明、端午、中秋、重阳等则是中国重要的传统节日。

                                <div class="ax-article ax-padding">
                                    <p>  中国,是以华夏文明为源泉、中华文化为基础,并以汉族为主体民族的多民族国家,通用汉语、汉字,汉族与少数民族被统称为“中华民族”,又自称为炎黄子孙、龙的传人。</p>
                                    <div class="ax-break-text"><div class="ax-left"></div><span>伟大的中国</span><div class="ax-right"></div></div>
                                    <p>  中国是世界四大文明古国之一,有着悠久的历史,距今约5000年前,以中原地区为中心开始出现聚落组织进而形成国家,后历经多次民族交融和朝代更迭,直至形成多民族国家的大一统局面。20世纪初辛亥革命后,君主政体退出历史舞台,共和政体建立。1949年中华人民共和国成立后,在中国大陆建立了人民代表大会制度的政体。</p>
                                    <div class="ax-break-text ax-align-left"><div class="ax-left"></div><span>伟大的中国</span><div class="ax-right"></div></div>
                                    <p>  中国疆域辽阔、民族众多,先秦时期的华夏族在中原地区繁衍生息,到了汉代通过文化交融使汉族正式成型,奠定了中国主体民族的基础。后又通过与周边民族的交融,逐步形成统一多民族国家的局面,而人口也不断攀升,宋代中国人口突破一亿,清朝时期人口突破四亿,到2005年中国人口已突破十三亿。</p>
                                    <div class="ax-break-text ax-align-right"><div class="ax-left"></div><span>伟大的中国</span><div class="ax-right"></div></div>
                                    <p>  中国文化渊远流长、博大精深、绚烂多彩,是东亚文化圈的文化宗主国,在世界文化体系内占有重要地位,由于各地的地理位置、自然条件的差异,人文、经济方面也各有特点。传统文化艺术形式有诗词、戏曲、书法、国画等,而春节、元宵、清明、端午、中秋、重阳等则是中国重要的传统节日。</p>
                                </div>