Css样式小笔记集合 [持续更新中]

①文字超出则省略显示

	.css{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

②响应式布局

	.father{
		display: flex；
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		.son{
			alingn-self: center;
		}
	}

③内容不换行

	.father{
		white-space: nowrap;
	}

④固定搜索栏的样式
码在要固定的搜索的区域内
页面内容会被遮挡，码个padding-top即可

	.css{
		position: fixed;
		top: 100; // 根据搜索栏高度去定义
		z-index: 100; // 该内容显示在最前面
	}

⑤手机界面，输入键盘右下角显示"搜索 / 换行"
input标签，comfirm-type属性的有效值

	// 显示搜索
	<input type="text" comfirm-type="search" />
	// 显示换行
	<input type="text" comfirm-type="next" />

⑥设置字体间的距离

	.css{
		letter-spacing: 2px;
	}

⑦随手机型号可变长度的单位
vw、vh、upx、rpx、%
vw （view width），vh（view height），相当于一种长度单位，类似百分比，1vw = 屏幕宽度的百分之一，1vh = 屏幕高度的百分之一，是属于一种自适应的长度单位。

温馨提示：
喜欢灰碟分享的小伙伴不要忘记关注噢~这样子，想找我时就不会迷路啦*

联系方式：
Vx+：LHD7575