El nombre de selección múltiple del selector elementSelect es demasiado largo para expandirse y volverse más alto, más allá del cuadro de selección, y cuando hay varios, la altura original se expandirá.

        Cuando usamos el cuadro desplegable de selección múltiple de elementui con una longitud fija, cuando se seleccionan varias longitudes, la altura se verá forzada a expandirse, entonces, ¿cómo hacer que no se ajuste o se expanda, sino que se muestre y se omita el exceso de longitud?

        Primero dale a el-select un nombre de clase, dale a voluntad, le di selecciones, y luego agregue los siguientes estilos;

        ::v-deep .selets {
          .tags-select-input {
            height: 40px;
            .el-select__tags {
              height: 40px;
              white-space: nowrap;
              overflow: hidden;
              flex-wrap: nowrap;
            }
          }

          .el-select__tags-text {
            display: inline-block;
            max-width: 85px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
          }
          .el-tag__close.el-icon-close {
            top: -7px;
          }
        }

Entre ellos, word-break:keep-all; / sin line break/
white-space:nowrap; / sin line break/
overflow:hidden; / ocultar el exceso de contenido cuando el contenido excede el ancho/
text-overflow:ellipsis; / se muestra cuando el texto excede Omitir marcadores...; debe usarse junto con overflow:hidden;/

Supongo que te gusta

Origin blog.csdn.net/Alan_Walker1/article/details/129840321
Recomendado
Clasificación