有用css 、标签属性及 html 头
发表于:2017-11-21   |   文章热度:938 °C


慢慢整理一些比较方便的css,一些很基础的东西,但是如果不常用也会很容易忘记

一些常用的css

父元素内子元素垂直水平居中

display: flex;
align-items: center;
text-align: justify;
justify-content: center;

根据当前视图窗口的长宽确定元素长宽

//1vw = 当前视图窗口(viewport)1%的宽度
//1vh = 当前视图窗口(viewport)1%的高度
//1vmin = 1vw 或 1vh, 取决于哪个更小一点
//1vmax = 1vw 或 1vh, 取决于哪个更大一点

css3动画

$-webkit-keyframes test-1 {
0%{

}
50%{

}
100%{

}
}

强制不换行,超出部分以省略号代替

white-space:nowrap;
overflow: hidden;
text-overflow: ellipsis;

一些禁止

禁止页面右击菜单

oncontextmenu='return false'

禁止图片拖动

ondragstart='return false'

禁止文本选中

onselectstart ='return false'

 

 

TOP
回到顶部