美文网首页
文本、滚动条、默认、冒泡

文本、滚动条、默认、冒泡

作者: 尘伽 | 来源:发表于2022-08-11 10:01 被阅读0次

单行文本溢出显示为省略号 

overflow:hidden;    溢出隐藏 清除浮动  解决外边距塌陷

text-overflow: ellipsis;         单行文本溢出显示为省略号

white-space: nowrap;         pre浏览器保留空白

多行文本溢出显示为省略号

overflow:hidden;    溢出隐藏 清除浮动  解决外边距塌陷

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2; (数字表示是几行文本溢出显示为省略号)

隐藏滚动条

scrollbr-width:none;          火狐隐藏滚动条

父元素::-webkit-scrollbar{

display:none;

}                                             谷歌隐藏滚动条

冒泡、阻止默认行为

return false;                        停止运行下行代码 阻止默认事件发生

e.preventDefault()                 阻止默认事件的发生 (不阻止下行代码运行)

e.stoppropagation()                 阻止冒泡事件

e.cancelBubble=true                阻止冒泡事件

相关文章

  • js常见兼容

    整理一些常见的兼容 1、事件兼容 2、阻止冒泡 3、获取浏览器滚动条滚动的距离 4、文本框失去焦点: blur ...

  • js实现textarea滚动条位置始终在最下方

    在默认情况下,随着文本内容的不断增加,textarea的滚动条也会不断往上方移动,这就会导致当内容超出文本可视区域...

  • 你应该知道的兼容写法

    1.滚动条 2.获取样式兼容 3.事件对象兼容 4.阻止事件冒泡兼容 5.阻止默认行为兼容 6.事件监听兼容

  • Css各类方法记录

    一行文本超出... 多行文本超出显示... IOS 手机容器滚动条滑动不流畅 修改滚动条样式 隐藏 div 元素的...

  • 滚动条

    浏览器滚动条 滚动条的默认样式 css对应着上图的滚动条的图实 ::-webkit-scrollbar 滚动条...

  • css溢出显示滚动条

    文本或者内容溢出滚动条显示: a、横纵都出滚动条:css添加属性{overflow:auto;}b、横向滚动条:c...

  • 利用JS实现自定义滚动条

    一般默认的滚动条会比较丑,有的需求会让我们制作简单漂亮的滚动条,用来代替系统默认的滚动条,下面介绍使用简单的js实...

  • vue 不默认滚动条位置

    scrollBehavior: () => ({ // 滚动条滚动的行为,不加这个默认就会记忆原来滚动条的位置 ...

  • 让UIScrollerview一直显示滚动条

    一.UIScrollView显示或者隐藏滚动条, 默认有两个属性 这两个属性默认是YES, 显示水平和垂直滚动条,...

  • PC端和移动端超出部分滚动条隐藏

    在PC端隐藏html右侧默认滚动条 ie/Edge的样式会使页面内所有滚动条隐藏。Chrome和火狐会隐藏右侧默认...

网友评论

      本文标题:文本、滚动条、默认、冒泡

      本文链接:https://www.haomeiwen.com/subject/dvktyrtx.html