利用title属性标签设置溢出隐藏后鼠标滑过显示标题全部内容

html

 <a
                    href="#"
                    className={styles.aticleName}
                    style={{ WebkitBoxOrient: 'vertical' }}
                    title={itemValue.title}
                  >
                    {itemValue.title}
                  </a>

css

.aticleName {
  max-width: 150px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  /* 内容自动换行 */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}