超出(n)行隐藏,很实用
xiaoqi 发布于 2017-04-06
超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 超出 […]
xiaoqi 发布于 2017-04-06
超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 超出 […]
xiaoqi 发布于 2017-03-30
step1: $ npm install gulp -g step2: $ npm install gulp-notify gulp-minify-css gulp-concat gulp-uglif […]
xiaoqi 发布于 2017-03-25
传统的水平居中样式 margin: 0 auto; 这个方法要求使用这个样式的dom元素,必须同时定义宽度width. 如果dom元素内容是不固定的,那么就无法定义宽度.所以这个地方就很难弄. 经过多 […]
xiaoqi 发布于 2017-03-24
你知道我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而提升性能吗? 现在大多数电脑的显卡都支持硬件加速。鉴于此,我们可以发挥GPU […]
xiaoqi 发布于 2017-03-23
@media all { html { font-size: 16px; } } @media all and (min-width: 140px) and (min-height: 220px) { […]
xiaoqi 发布于 2017-03-23
现象:html中可能有些地方不想让用户复制文字,或是用a标签做了个点击按钮,点快的时候文字会被选中,很丑,这个时候可以使用下面的方案禁止文字选中。 原因:鼠标点快了。 解决方案: 不同的浏览器设置的内 […]
xiaoqi 发布于 2017-03-22
不使用float实现两边固定,中间自动扩展的布局 <!DOCTYPE html> <html> <head lang="en"> <meta charset= […]
xiaoqi 发布于 2017-03-21
在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击 { display: none; } { visibility: hidd […]
xiaoqi 发布于 2017-03-21
在开发移动端项目时,总是遇到很多小三角,之前一直用图片,感觉好麻烦,今天尝试了直接用CSS写出小三角! 先看看如何写出各种小三角! <!DOCTYPE HTML> <html lan […]
xiaoqi 发布于 2017-03-20
常用到的三种选择器 子孙选择器(区别于后代选择器) 例如:div>p{…}就是选择div的子元素中的所有p元素,不包括子元素的子元素。 兄弟选择器 例如:div+p{…} […]