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

怎么能把超出的文字隱藏,鼠標(biāo)向右滑動(dòng)之后顯示全部?

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

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

回答
編輯回答
落殤

overflow-x:auto?

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

title?

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

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

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

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

如果是移動(dòng)端的話,可以用

overflow-x:scroll;

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

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

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

但是會(huì)有滾動(dòng)條

2018年8月19日 16:19