实用样式

.nowrap {white-space:nowrap;}/*强制不换行*/

.break-word {word-wrap:break-word;}/*强制换行*/

.ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/*文字超出出来省略号,只对单行有作用*/

.flex-wrap {-webkit-flex-wrap:wrap;flex-wrap:wrap;}/*flex布局自动换行,兼容性不好*/

.flex-box {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex}

.flex-item {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-webkit-flex: 1}

.flex-column {flex-direction:column;-webkit-flex-direction:column;}

.items-center {align-items:center;}/*flex布局垂直居中*/

你可能感兴趣的:(实用样式)