css
关注
分享
扫一扫
文章平均质量分 77
阿清呀.
这个作者很懒，什么都没留下…
展开
-
解决父元素display:flex布局下的子元素宽度无效问题
因为设置了display: flex; 导致block布局变成了flex布局， 所以在子元素宽度没有被撑破的情况下，子元素宽度是有效的，但是当子元素内容过多，此时宽度会比实际宽度小，所以如果想要在已经设置了flex布局的基础上，再进行子元素宽度的设置，可以应用下面的样式：（在该子元素上设置）width: 120px;flex-shrink: 0; // 子元素不进行收缩...转载 2020-11-12 09:09:18 · 885 阅读 · 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 · 681 阅读 · 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 · 76123 阅读 · 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 · 603 阅读 · 0 评论