文字超出显示...省略号，鼠标悬浮文字横向滚动显示全部

最新推荐文章于 2025-05-08 15:12:02 发布

PairsNightRain

最新推荐文章于 2025-05-08 15:12:02 发布

阅读量146

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/qq_37161741/article/details/147320190

.BsThemeChange .internalBtn .theme-item > span {
  height: 24px;
  line-height: 24px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
}
.BsThemeChange .internalBtn .theme-item:hover > span {
  max-width: none;
  animation: my-scorll 4s infinite linear;
}
@keyframes my-scorll {
  from {
    transform: translateX(0);
    margin-right: 0;
  }
  to {
    margin-right: 100%;
    transform: translateX(-100%);
  }
}