/* 首页各个项目的样式 */ .showSY{ background-color: #FFFFFF; width: 150rpx; height: 148rpx; text-align: center; font-size: 30px; white-space:pre-wrap; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; border-style: solid; border-color: #555555; border-width: 1rpx; margin-left: 10rpx; /* 弧度 */ border-radius: 3%; } /* 热门预告样式 */ .super-hot{ margin-top: 12rpx; padding: 20rpx; } .hot-title-wapper{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; } .hot-ico{ width: 30rpx; height: 30rpx; margin-top: 15rpx; } .hot-title{ font-size: 20px; margin-left: 20rpx; font-weight: 15rpx; } .hot{ width: 100%; height: 150rpx; /* 设置不换行 */ /* white-space: nowrap; */ } .single-poster{ /* 内联 */ margin-left: 20rpx; } .poster-wapper{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .poster{ width: 200rpx; height: 270rpx; } .movie-name{ width: 200rpx; margin-top: 10rpx; font-size: 14px; font-weight: bold; /* 文字超出则省略 */ /* 设置不换行 */ white-space: nowrap; /* 超出隐藏 */ overflow: hidden; text-overflow: ellipsis; } .hengxiang{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }