CSS
关注
分享
扫一扫
文章平均质量分 78
前端菜鸡小卒
这个作者很懒，什么都没留下…
展开
-
BFC是什么？大白话解释
1、定义 BFC：块级格式化上下文 2、特点： 每一个BFC区域只包括其子元素，不包括其子元素的子元素。 每一个BFC区域都是独立隔绝的,互不影响 <div class="box1" id="HM_bfc1"> <div class="box2"></div> <div class="box3"></div> <div class="box4"></div> <div clas原创 2022-03-23 23:51:12 · 909 阅读 · 0 评论 -
flex布局设置space-between(around)最后一行不左对齐问题
需求：在项目布局上使用弹性布局，要求每个盒子两端要对齐，而且最后一行在列不满的情况下要求左对齐； 遇到问题： 使用flex的设置justify-content为space-between;发现最后一行不能左对齐，而是两端对齐方式导致形成下图1，图2所示的问题 图1 图2 解决办法：俩种 一.添加几个空格子，格子高度为0 根据布局列数添加红格子(指上面的div)，每行...原创 2019-06-21 00:22:01 · 11946 阅读 · 1 评论 -
阿里字体图标（iconfont）使用
1.进入阿里矢量图标库（www.iconfont.com） 2.登录，登录后进入图标管理----我的项目 3.新建项目,输入项目名，项目描述 4.进入图标库---官方图标库，将项目中所需的图标一起添加入库（购物车），最后添加至所建的项目(如：travel项目) 5.进入我的项目，点击下载至本地 6.下载完成时，在下载的压缩包解压，里面的.js文件和.html文件可丢弃，只需要ic...原创 2018-08-22 21:32:42 · 7631 阅读 · 0 评论 -
解决两个inline-block并排出现空白间隙
遇到一个这样的问题，当我们把div标签的display设置为inline-block时，这时标签的边距会有出现，看下面代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...原创 2020-04-14 21:52:57 · 526 阅读 · 0 评论 -
禁止选中页面文字几种方法
一、CSS方法 html: <span class="msg-list">怎么禁止选中文字啊！！</span> css样式设置： .msg-list { user-select: none; } 二、JS方法 <div onselectstart = "return false">怎么禁止选中文字啊！！</div> ...原创 2019-11-19 16:03:28 · 621 阅读 · 0 评论