css
莫逸雪
戒骄戒躁,面包会有的,牛奶也会有的。
展开
-
css3之calc()设置无效
测试:1.height:calc(100vh-152); //无效2.height:calc(100vh-152px); //无效3.height:calc(100vh - 152px); // 终于起效结论:1.必须加上单位2.必须在运算符左右用空格隔开原创 2021-06-22 21:24:24 · 750 阅读 · 0 评论 -
单行文本溢出隐藏用省略号代替
1.单行文本溢出隐藏用省略号代替 display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;/*设置为省略号显示*/2.多行文本溢出隐藏用省略号代替 /*多行文本溢出隐藏,省略号代替*/ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orientation: ver原创 2021-06-18 13:54:50 · 346 阅读 · 0 评论 -
css小手样式
万能的cursor属性举例如下:其他值:<html><body><p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p><span style="cursor:auto">Auto</span><br /><span style="cursor:crosshair">Crosshair</span><br /><span style="cursor:de原创 2020-05-25 23:05:41 · 21713 阅读 · 0 评论 -
将元素固定到屏幕的某一位置
比如将元素固定到屏幕右上角则最最主要的css样式设置为:position:fixed;top:0;right:0;原创 2020-05-18 19:42:34 · 1397 阅读 · 0 评论 -
css纵向居中对齐
display: flex;align-item: center;效果图:原创 2020-04-26 23:22:57 · 1446 阅读 · 0 评论