input文本溢出隐藏，可以左右滑动的坑

input溢出隐藏

white-space: nowrap; //因为我们用的input，所以禁止换行用不到，只用下面两行就行
text-overflow: ellipsis;
overflow: hidden;

在此之后呢，input框是可以左右滑动的
正常来说禁用input是不是就行了啊
但是！
普通禁用使用 disabled 属性

<input type="text" disabled>

设置溢出隐藏后呢，普通禁用已经不管用了，这时候就用到了css的input禁用

input:{pointer-events: none;}

就此解决

input文本溢出隐藏，可以左右滑动的坑相关推荐

text-overflow: ellipsis；文本溢出隐藏
text-overflow: ellipsis; 文本溢出隐藏效果图: 代码: .father{width:500px;}.words{font-size: 15px;line-height: 15 ...
全局mixin封装文本溢出隐藏显示省略号
全局mixin封装文本溢出隐藏显示省略号 @mixin ellipsis2($line) {display: -webkit-box;overflow: hidden;text-overflow: e ...
CSS文本溢出隐藏，显示省略号
仅供自己记录,老用还不记得,哈哈哈笨死了!!! 单行文本溢出隐藏: overflow: hidden; 单行文本溢出隐藏显示省略号: white-space: nowrap; overflow: hi ...
设置单行文本溢出隐藏
单行文本溢出隐藏 /* 单行文本溢出隐藏,省略号代替 */display: block;white-space: nowrap;overflow: hidden;text-overflow: elli ...
CSS|文本溢出隐藏
目录一.单行文本溢出隐藏二.多行文本超出指定行数隐藏在我们编辑单行文本或者多行文本时文本溢出时,我们该如何进行隐藏呢?今天就来介绍一下单行文本溢出隐藏和多行文本超出指定行数隐藏的方法. 一.单行 ...
html span溢出隐藏,css文本溢出隐藏出错了
我设置的这个文本溢出隐藏. 在正常宽度下可以正常显示.为什么窗口缩小后.文本的位置就变了呢?掉下去了我本来不想给文字加宽度的,但是如果不给宽度的话.文字直接就下去了.给了宽度后.至少正常宽度下.文字 ...
前端学习：文本溢出隐藏
直接开整单行文本隐藏 .box {width: 150px;height: 30px;background-color: rgb(196, 196, 45);margin: 50px auto;wh ...
文本溢出隐藏显示... 鼠标移动到元素显示全部内容
这是我入司遇到的第一个小需求,听上去就简单,但是奈何前端小白,只能百度,索性有现成的代码,复制就能用,但理解了才能变成自己的. //表格超出宽度鼠标悬停显示td内容 function paramsMa ...
CSS实现文本溢出隐藏
CSS实现文本溢出用省略号代替,在不同的页面宽度下,我们想要保证页面的布局不被打乱,那么我们就要对溢出的文字进行隐藏. 1.单行溢出的文字隐藏 overflow一定不要忘记了!!! 我们一起来看看效果 ...

input文本溢出隐藏，可以左右滑动的坑

input文本溢出隐藏，可以左右滑动的坑相关推荐

最新文章

热门文章