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-text" style="height:50px;"></div>
<div class="ax-break-xxs"></div>
<div class="ax-bglit-text" style="height:50px;"></div>
<div class="ax-break-xs"></div>
<div class="ax-bglit-text" style="height:50px;"></div>
<div class="ax-break-sm"></div>
<div class="ax-bglit-text" style="height:50px;"></div>
<div class="ax-break"></div>
<div class="ax-bglit-text" style="height:50px;"></div>
<div class="ax-break-md"></div>
<div class="ax-bglit-text" style="height:50px;"></div>
<div class="ax-break-lg"></div>
<div class="ax-bglit-text" style="height:50px;"></div>
<div class="ax-break-xl"></div>
<div class="ax-bglit-text" style="height:50px;"></div>
<div class="ax-break-xxl"></div>
<div class="ax-bglit-text" 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的空白间隔
<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>
<hr/>
<p> 中国是世界四大文明古国之一,有着悠久的历史,距今约5000年前,以中原地区为中心开始出现聚落组织进而形成国家,后历经多次民族交融和朝代更迭,直至形成多民族国家的大一统局面。20世纪初辛亥革命后,君主政体退出历史舞台,共和政体建立。1949年中华人民共和国成立后,在中国大陆建立了人民代表大会制度的政体。</p>
<hr/>
<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>
