| 位置 | 类名 | 说明 |
|---|---|---|
| 容器 | dy | 标识本容器元素需要启用dy布局进行控制其子元素的布局方式 |
| dy-v | v是vertical的缩写，表示本dy容器的子元素采用纵向布局，例："dy dy-v" | |
| dy-h | h是horizontal的缩写，表示本dy容器的子元素采用横向布局，例："dy dy-h" | |
| dy-right | 表示本dy容器的子元素居于父的右侧,可设置在横向布局和纵向布局，例："dy dy-h/dy-v dy-right" | |
| dy-bottom | 表示本dy容器的子元素居于父的底侧,可设置在横向布局和纵向布局，例："dy dy-h/dy-v dy-bottom" | |
| dy-left | 表示本dy容器的子元素居于父的左侧,可设置在横向布局和纵向布局，例："dy dy-h/dy-v dy-left" | |
| dy-top | 表示本dy容器的子元素居于父的顶侧,可设置在横向布局和纵向布局，例："dy dy-h/dy-v dy-top" | |
| dy-v-center | 表示本dy容器的子元素居于纵向居中，可设置在横向布局和纵向布局，例："dy dy-h/dy-v dy-v-center" | |
| dy-h-center | 表示本dy容器的子元素居于横向居中，可设置在横向布局和纵向布局，例："dy dy-h/dy-v dy-h-center" | |
| dy-center | 表示本dy容器的子元素居于父的中间，可设置在横向布局和纵向布局，例："dy dy-h/dy-v dy-center"" | |
| dy-reverse | 表示本dy容器的子元素反转摆放，可设置在横向布局和纵向布局，例："dy dy-h/dy-v dy-reverse"" | |
| dy-wrap | 表示本dy容器的子元素如果一行或一列放置不开时，允许进行换行展示，可设置在横向布局和纵向布局，例："dy dy-h/dy-v dy-wrap" | |
| dy-wrap-reverse | 表示本dy容器的子元素允许多行/列反转展示，例："dy dy-h/dy-v dy-wrap-reverse" | |
| dy-h-around | 表示本dy dy-h容器的子元素每个之间的左右间距都相等（会导致每个子元素之间的间隔比最外边子元素与边框的间隔大一倍），可设置在横向布局,例："dy dy-h dy-h-around" | |
| dy-v-around | 表示本dy dy-v容器的子元素每个之间的左右间距都相等（会导致每个子元素之间的间隔比最外边子元素与边框的间隔大一倍），可设置在纵向布局,例："dy dy-v dy-v-around" | |
| dy-h-between | 表示本dy dy-h容器的子元素每个之间的间距都相等,最边的元素紧靠容器边，可设置在横向布局,例："dy dy-h dy-h-between" | |
| dy-v-between | 表示本dy dy-v容器的子元素每个之间的间距都相等,最边的元素紧靠容器边，可设置在纵向布局,例："dy dy-v dy-v-between" | |
| 元素 | dy-ss | 占位元素，场景如果一个元素要求左边和右边分别留有一部分空白，而空白随页面的大小而变化 |
| dy-self-center | 不随父元素设置的排列方式摆放，而是居中显示，当父元素是dy-h时，此元素为纵向居中，当父元素是dy-v时，此元素为横向居中，可设置在横向布局和纵向布局的子元素上。 | |
| dy-self-bottom | 不随父元素设置的排列方式摆放，而是居底显示，当父元素是dy-h时，此元素为纵向居底，当父元素是dy-v时，此元素为横向居右，可设置在横向布局和纵向布局的子元素上。 | |
| dy-grow-0 | 必须是dy类父容器的直接子元素，根据设置的大小展示，不进行拉伸，不参与均分剩余空间 | |
| dy-grow-1 | 必须是dy类父容器的直接子元素，占所有dy-grow-*和的份数中的一份 | |
| dy-grow-2 | 必须是dy类父容器的直接子元素，占所有dy-grow-*和的份数中的两份 | |
| dy-grow-3 | 必须是dy类父容器的直接子元素，占所有dy-grow-*和的份数中的三份 | |
| dy-grow-4 | 必须是dy类父容器的直接子元素，占所有dy-grow-*和的份数中的四份 | |
| dy-grow-5 | 必须是dy类父容器的直接子元素，占所有dy-grow-*和的份数中的五份 | |
| dy-grow-6 | 必须是dy类父容器的直接子元素，占所有dy-grow-*和的份数中的六份 | |
| dy-grow-7 | 必须是dy类父容器的直接子元素，占所有dy-grow-*和的份数中的七份 | |
| dy-shrink-0 | 必须是dy类父容器的直接子元素，空间不足时不能被压缩（与dy-grow-*相似） | |
| dy-shrink-1 | 必须是dy类父容器的直接子元素，空间不足时被压缩一份的量（与dy-grow-*相似） | |
| dy-shrink-2 | 必须是dy类父容器的直接子元素，空间不足时被压缩两份的量（与dy-grow-*相似） | |
| dy-shrink-3 | 必须是dy类父容器的直接子元素，空间不足时被压缩三份的量（与dy-grow-*相似） | |
| dy-shrink-4 | 必须是dy类父容器的直接子元素，空间不足时被压缩四份的量（与dy-grow-*相似） | |
| dy-shrink-5 | 必须是dy类父容器的直接子元素，空间不足时被压缩五份的量（与dy-grow-*相似） | |
| dy-shrink-6 | 必须是dy类父容器的直接子元素，空间不足时被压缩六份的量（与dy-grow-*相似） | |
| dy-shrink-7 | 必须是dy类父容器的直接子元素，空间不足时被压缩七份的量（与dy-grow-*相似） |