css
lixiaonaaa
写bug的
展开
-
点击div、span、p等文本标签时隐藏光标的方法
/* 隐藏鼠标点击这些元素时出现的光标 */div, span, p { caret-color: transparent;}原创 2022-03-04 13:26:45 · 1112 阅读 · 0 评论 -
css文本超出宽度,省略号显示(包括展现两行)
// 一行.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}// 两行.ellipsis2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; .原创 2021-06-15 10:21:39 · 116 阅读 · 1 评论 -
css 文本溢出隐藏,省略号代替
1,单行文本溢出.text{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}效果如下:2,多行文本溢出.text{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; .原创 2021-01-09 13:18:17 · 113 阅读 · 0 评论 -
css 实现三角形
利用border实现三角形,角朝哪个方向,哪个方向的border为0,相反方向的border设置为三角形的颜色,其他两边的border颜色设置为透明。<div class="sanjiao"></div>.sanjiao::after { content: ""; height: 0; width: 0; border-left: 9px solid transparent; border-right: 9px solid tran.原创 2021-01-07 09:26:37 · 82 阅读 · 0 评论 -
css清除浮动的几种方法
1,overflow: hidden在父元素上加上overflow:hidden,当然这会有一些副作用,比如内部的一些超出父元素的部分就会被截断,滚动条也会不见。所以谨慎使用。2,clear:both在浮动的元素下方加一个div <div style="clear:both"></div>3,利用伪元素clearfix,这是比较常见和有效的方法,它的本质就是建构了一个BFC,这样使得达到撑起父元素高度的效果。 关于什么是BFC,可查看html中文网:...原创 2021-01-05 15:47:59 · 77 阅读 · 0 评论