.image_floating_title_card__container {

  height: 100%;
  width: 100%;

  //设置最大宽高
  max-height: 50em;
  max-width: 50em;

  //图片
  .image {

    height: 100%;

    position: relative;

    background-size: 100% 100%;

    //图片内文字
    .title {

      width: 100%;
      height: 2em;
      line-height: 2em;
      position: absolute;
      bottom: 0;

      //设置透明度
      opacity: 0.8;

      //具体的文字
      .label {

        width: 80%;

        margin-left: 10%;

        // 过长的标题隐藏超出部分
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }
    }

    //如果需要标题完全悬浮于图片
    .title_covered {
      width: 100%;
      height: 100%;
      line-height: 2em;
      position: absolute;
      bottom: 0;

      //设置透明度
      opacity: 0.6;

      //具体的文字
      .label {

        width: 100%;
        height: 100%;

        //设置标题居中
        display: flex;
        align-items: center;
        justify-content: center;

        text-align: center;

      }
    }

  }

}