![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 60
酷酷的旭
微信871943670
展开
-
响应式背景图片的几种方式(举例padding-top实现响应式背景图)
我们都知道,在处理相应布局的时候,背景图片都是等比例缩放,使用引入的话,设置width:100%;height:100%;那么图片就会等比例缩放,这是图片,那么如果是背景图呢?我们之前的项目中常见的做法是根据css3媒体查询的方法来做的,根据不同手机的分辨率的不同,来等比例缩放背景图的高度,虽然这种方式是可以解决的,但是这种通过人肉的的方式来进行的设置并不好,也很繁琐,今天我们来学习使用paddi...原创 2018-09-25 11:56:39 · 10306 阅读 · 0 评论 -
css设置内容超出后显示省略号
在写前端页面时,通常会遇到文字超出后显示省略号;页面本来是这个样子的,第一行的文字超出已经压倒了下面的文字,第一步,使用overflow: hidden把超出的内容进行隐藏,页面变成了这样第二步使用white-space: nowrap设置内容不换行,变成了这样第三步,使用text-overflow: ellipsis设置超出内容为省略号,功能实现~...原创 2018-11-29 15:46:19 · 8416 阅读 · 0 评论 -
margin-left实现左侧盒子固定右侧盒子自适应
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-08-12 10:31:29 · 5901 阅读 · 0 评论