![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
小刘今天学前端了吗
这个作者很懒,什么都没留下…
展开
-
CSS画直角梯形
我们最终的实现目标是一个带圆角的直角梯形,无法直接画出,但我们可以画出一个矩形后面拼接一个平行四边形。平行四边形可以利用CSS transform属性的skewX函数画出,如下图。最后利用transform属性的translateX函数将平行四边形移到合适位置就可以实现我们的需求。想做这样一个pk进度条的效果。原创 2022-09-28 14:51:30 · 1658 阅读 · 1 评论 -
多行文字整体垂直居中
单行文字垂直居中设置文字line-height等于包裹文字的容器的height多行文字垂直居中div { //容器属性 display: table; text-align: center; margin: 20px auto;}span { //文字属性 display: table-cell; vertical-align: middle; width: 400px; height: 300px;}...原创 2022-03-31 10:34:41 · 100 阅读 · 0 评论 -
BFC
参考文章:https://segmentfault.com/a/1190000016721094什么是BFCBlock Formatting Context,中文直译为块级格式上下文。BFC就是一种布局方式,在这种布局方式下,盒子们自所在的containing block顶部一个接一个垂直排列,水平方向上撑满整个宽度(除非内部盒子自己建立了新的BFC)。两个相邻的BFC之间的距离由margin决定。在同一个BFC内部,两个垂直方向相邻的块级元素的margin会发生“塌陷”。BFC特性内部的Box原创 2021-03-25 23:05:32 · 69 阅读 · 0 评论 -
css
css相关问题防止文本过长引起换行overflow:hidden文本中的换行被显示为tab或空格white-space: pre-wrap原创 2020-12-29 13:10:37 · 68 阅读 · 0 评论