工具属性
http://ionicframework.com/docs/v2/theming/css-utilities/
Ionic提供了一组SCSS/CSS工具属性集合来帮助开发应用。
Text Transformation 文本变换
| Attribute |
Description |
text-left |
文本居左对齐 |
text-center |
文本居中对齐 |
text-right |
文本居右对齐 |
text-justify |
扩展行，每行都有相同的宽度 |
text-wrap |
文本换行 |
text-nowrap |
不要换行 |
text-uppercase |
文本改为大写 |
text-lowercase |
文本改为小写 |
text-capitalize |
首字符大写 |
Element Padding 元素填充边距
| Attribute |
Description |
padding |
给整个元素添加内边距 |
padding-top |
顶部增加内边距 |
padding-left |
左边增加内边距 |
padding-right |
右边增加内边距 |
padding-bottom |
adds 底部增加内边距 |
padding-vertical |
顶部和底部增加内边距 |
padding-horizontal |
左边和右边增加内边距 |
no-padding |
移除任何内边距 |
Element Margin 元素外边距
| Attribute |
Description |
margin |
整个元素增加外边距 |
margin-top |
顶部增加外边距 |
margin-left |
左边增加外边距 |
margin-right |
右边增加外边距 |
margin-bottom |
底部增加外边距 |
margin-vertical |
顶部和底部增加外边距 |
margin-horizontal |
左侧和右侧增加外边距 |
no-margin |
移除所有外边距 |
| Attribute |
Description |
start |
将元素基于平台对齐在开始位置，iOS上在左侧，Android在右侧的第一个项 |
end |
将元素基于平台对齐在结束位置，iOS上在右侧，Android在右侧的最后一个项 |
left |
将元素左对齐。覆盖平台样式 |
right |
将元素右对齐。覆盖平台样式 |