magic-page-designer/src/assets/layout/text-layout.less

magic-page-designer 是一个基于 vue 的在线页面快速开发平台，主要把所有的 vue 代码都改为在线配置，最终获得一个 json 格式的页面，你可以把它存放到服务器的任何地方：数据库、静态文件、redis 等。最方便的是可以在线修改页面，再也不用担心生产出问题了，还得打开 IDE，修改测试打包，直接在线编码，所见即所得。还可以配合 [magic-api](https://gitee.com/ssssssss-team/magic-api) 使用，完全抛弃 IDE，随时随地 code w

.text {
  // 文字大小
  &-size {
    &-xs {
      font-size: 10px;
    }
    &-sm {
      font-size: 12px;
    }
    & {
      font-size: 14px;
    }
    &-md {
      font-size: 16px;
    }
    &-lg {
      font-size: 18px;
    }
  }
  // 强制换行
  &-word-break {
    &-word {
      word-wrap: break-word;
    }
    &-all {
      word-break: break-all;
    }
  }
  // 文字省略号
  &-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  // 对齐
  &-align {
    &-center {
      text-align: center;
    }
  }
}