![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 77
阿清呀.
这个作者很懒,什么都没留下…
展开
-
解决父元素display:flex布局下的子元素宽度无效问题
因为设置了display: flex; 导致block布局变成了flex布局, 所以在子元素宽度没有被撑破的情况下,子元素宽度是有效的,但是当子元素内容过多,此时宽度会比实际宽度小,所以如果想要在已经设置了flex布局的基础上,再进行子元素宽度的设置,可以应用下面的样式:(在该子元素上设置)width: 120px;flex-shrink: 0; // 子元素不进行收缩...转载 2020-11-12 09:09:18 · 662 阅读 · 0 评论 -
如何使用纯css实现移动端列表横向滑动
利用display:-webkit-box来实现移动端横向滑动列表<!DOCTYPE html><html><head> <title>横向滑动</title> <style type="text/css"> .slide-box{ margin-top: 200px; height:35px; //-------------.转载 2020-11-11 21:54:17 · 471 阅读 · 0 评论 -
CSS文本垂直居中的几种方法
观看更佳-点击前往一、单行文本的居中1.文字水平居中<div class='box' style="text-align: center;">hello world</div>2.文本垂直水平居中<div class="box2" style="width:150px;height:100px;line-height: 100px;">文本垂直水平居中</div>二、多行文本的垂直居中通过verticle-align:middle实现CS.原创 2020-10-12 09:07:28 · 66039 阅读 · 2 评论 -
css特效之流光按钮
话不多说 ,直接上代码<!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-UA-Compatible" content="ie=edge"> <title&g原创 2020-08-14 21:07:27 · 574 阅读 · 0 评论