在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 超出div寬度的文字省略，鼠標(biāo)放上去之后顯示完整，像element Toolt

超出div寬度的文字省略，鼠標(biāo)放上去之后顯示完整，像element Tooltip顯示一樣

<div v-show="order.receiverAddr!=undefined && order.receiverAddr !=''" class="div1">{{order.receiverAddr}}</div>

clipboard.png內(nèi)同太長(zhǎng)導(dǎo)致樣式改變

.div1{width: 200px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap; }
.div1:hover{text-overflow:inherit;overflow:visible;}

clipboard.png樣式?jīng)]問題了，但是鼠標(biāo)放上去顯示的內(nèi)容會(huì)影響看不清楚

clipboard.png

能不能像element tooltip一樣再上方顯示

clipboard.png

回答
編輯回答
墨小羽

你可以自己寫一層DIV 樣式寫成element tooltip，隱藏，并且內(nèi)容全部顯示，可以換行。
位置也固定在收件地址哪行上方，可以適當(dāng)覆蓋一些，鼠標(biāo)移動(dòng)上去，顯示隱藏的div不就行了？

圖片描述

2018年3月16日 10:56
編輯回答
慢半拍

用title屬性可以嗎？就是這樣的效果
圖片描述

clipboard.png

2017年3月8日 02:48