* { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html, body { padding: 0; margin: 0; min-width: 960px; } body { background: url(https://img.x-motion.cn/home/image/leaderboard/bg_img.png) no-repeat; background-size: cover; } .title { margin: 43px; display: flex; justify-content: center; align-items: center; } .title img { margin-right: 37px; } .list { text-align: center; color: #fff; min-width: 940px; margin: 0 auto; width: 82.6%; padding: 0 10px; } .list_title { background: url(https://img.x-motion.cn/home/image/leaderboard/list_title.png); font-size: 33px; color: #fff; background-repeat: no-repeat; background-size: cover; } .list_contain { font-size: 24px; background-color: rgba(0, 0, 0, 0.8); background-image: url(https://img.x-motion.cn/home/image/leaderboard/list_contain.png); background-repeat: no-repeat; background-size: 100%; } .list_ct { text-align: center; display: flex; justify-content: center; } .list_contain .pos { color: #000; text-align: center; background: url(https://img.x-motion.cn/home/image/leaderboard/list_no2.png) no-repeat; background-position: 50% 50%; } .pos { width: 20%; } .racer { width: 18.4%; } .list_contain .racer { box-sizing: border-box; padding-left: 30px; display: flex; align-items: center; justify-content: flex-start; } .racer img { min-width: 42px; height: 42px; width: 42px; border-radius: 50%; margin-right: 60px; } .car_name { width: 24.3%; } .laps { width: 17.4%; } .time { width: 20.4%; }