1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- .font36 {
- font-size: 36rpx;
- }
- .font32 {
- font-size: 30rpx;
- }
- .font28 {
- font-size: 28rpx;
- }
- .font24 {
- font-size: 24rpx;
- }
- .flex {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .flex-start {
- display: flex;
- align-items: center;
- justify-content: flex-start;
- }
- .flex-end {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- }
- .flex-center {
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .flex-around {
- display: flex;
- align-items: center;
- justify-content: space-around;
- }
- .text-clamp {
- display: block;
- overflow: hidden;
- /* //超出的文本隐藏 */
- text-overflow: ellipsis;
- /* //溢出用省略号显示 */
- white-space: nowrap;
- /* //溢出不换行 */
- }
- .text-clamp2 {
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- /* //作为弹性伸缩盒子模型显示。 */
- -webkit-box-orient: vertical;
- /* //设置伸缩盒子的子元素排列方式--从上到下垂直排列 */
- -webkit-line-clamp: 2;
- /* //显示的行 */
- }
- .text-clamp3 {
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- /* //作为弹性伸缩盒子模型显示。 */
- -webkit-box-orient: vertical;
- /* //设置伸缩盒子的子元素排列方式--从上到下垂直排列 */
- -webkit-line-clamp: 3;
- /* //显示的行 */
- }
|