設置文本省略號移入顯示佈局不變完整完美解決方案

1、

.reject {
  float: left;
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reject:hover {
  white-space: normal;
}

2、
無論哪種移入方式,都會改變原有的佈局,這時我們可以採用HTML的title屬性

  • 定義和用法
    title 屬性規定關於元素的額外信息。

這些信息通常會在鼠標移到元素上時顯示一段工具提示文本(tooltip text)。

提示:title 屬性常與 form 以及 a 元素一同使用,以提供關於輸入格式和鏈接目標的信息。同時它也是 abbr 和 acronym 元素的必需屬性。
在這裏插入圖片描述
在這裏插入圖片描述
實際應用也是非常方便

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章