![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面试题
Jnim
这个作者很懒,什么都没留下…
展开
-
【css基础】多行文本省略号
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> div {原创 2020-11-14 18:53:02 · 143 阅读 · 0 评论 -
【css基础】不定宽高的盒子实现垂直水平居中
文章目录1. 脱离文档流,使用margin实现居中(这种方法子盒子大小是不能超过父盒子的)2. 脱离文档流,使用transform实现居中(即使子盒子尺寸大于父盒子也可以实现居中,transform是css3属性)3. 使用table-cell实现居中(ie8+支持,只能实现文字或者图片的垂直居中,不能实现块级元素的垂直居中)4. 使用flex实现(利用主轴交叉轴的对齐属性)注意:这里给子盒子添加宽高属性是为了直观显示,实际上子盒子的宽高是不会影响到居中效果的1. 脱离文档流,使用margin实现居中(原创 2020-11-14 16:21:03 · 486 阅读 · 0 评论 -
【css基础】三栏布局的实现方式(6种)
文章目录1. 圣杯布局实现2. 双飞翼布局实现3. 绝对定位实现4. table实现5. 使用grid实现6. 使用flex实现1. 圣杯布局实现页面缩得很小时会布局混乱<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2020-11-14 20:29:01 · 154 阅读 · 0 评论