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-break/ax-gutter-md
宽度为14px的空白间隔ax-gutter-lg
宽度为18px的空白间隔ax-gutter-xl
宽度为22px的空白间隔ax-gutter-xxl
宽度为28px的空白间隔
<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写入高度。
<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-left
和ax-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>