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

鍍金池/ 問答/HTML/ 怎么能把超出的文字隱藏,鼠標向右滑動之后顯示全部?

怎么能把超出的文字隱藏,鼠標向右滑動之后顯示全部?

如標題所述,一條文本框中,文字溢出時,設(shè)計師的需求是不用省略號(...)隱藏掉,要設(shè)置多余的字看不見但是用鼠標滑動后面的字時可以顯示看到所有的字,這種操作怎么實現(xiàn)?誰有經(jīng)驗?
不是title屬性的問題

clipboard.png
就像是你縮小瀏覽器之后,路徑后面太長的都隱藏掉,鼠標滑動的時候可以看見剩余的部分內(nèi)容。

回答
編輯回答
落殤

overflow-x:auto?

2018年1月3日 02:05
編輯回答
法克魷

title?

<div title="aaaaaaaaaaaaaaa">aaaaa</div>
2018年5月9日 10:34
編輯回答
笨尐豬

可以設(shè)置文本框overflow:hidden,鼠標滑過的時候重新設(shè)置,我不知道你說的全部顯示是怎樣的顯示,如果是這樣顯示
圖片描述

那就直接經(jīng)過的時候改變overflow就行

2017年4月6日 04:24
編輯回答
何蘇葉

如果是移動端的話,可以用

overflow-x:scroll;

這樣可以實現(xiàn)滑動時,顯示隱藏內(nèi)容,但是有滾動條,可以在外面包一層稍微小一點的盒子,正好好滾動條擋住,再給外面的盒子overflow:hidden,擋住滾動條

如果是pc端的話,實現(xiàn)很麻煩,要綁定事件,相對位移啥的。而且我也沒見哪個pc端有這種需求吧

2017年7月26日 04:51
編輯回答
念初
//最簡單的方法
oveflow-x:scroll;

但是會有滾動條

2018年8月19日 16:19