造成图标和文字排版困难的原因
1. 图标本身并不居中
2. 目标图标大小和文本大小/行高不匹配
解决方案
1. 使用 “子绝父相” 的css定位方法,将图标设置为绝对定位,通过 left 和 top 按需自由调整图标的位置
2. 使用 flex 垂直居中布局
参考范例代码如下:
<div style="display: flex;align-items: center;border: 1px solid gray;padding: 10px">
<div style="position: relative;width: 30px">
<i style="position: absolute;top:-8px;left: 6px" class='iconfont icon-iconfontplus'></i>
</div>
<div>添加</div>
</div>
通过调整 width 、top 和 left 可将图标调整至任意想要的位置。
python 类变量线程安全 python线程安全的数据结构
参考文献http://blog.jobbole.com/65218/说起python,最基础的数据结构自然就是List、Tuple、Dictionary以及Set。大多数程序只需要这几种数据结构就够了。python中也存在更高级的数据结构。##list
names = ['Michael', 'Bob', 'Tracy']
##tuple
classmates = ('Michael', 'Bob
2.shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得命令帮助 内部命令help 命令的“--help” 选项 使用man命令阅读手册页 命令行编辑的几个辅助
3.容器内部使用的比较函数书写方式
4.C++中String的语法及常用接口用法
5.抖音取图表情包微信小程序源码+创作者入驻