添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接


造成图标和文字排版困难的原因

1. 图标本身并不居中


css 图标和文字对齐 —— 垂直居中对齐,任意位置对齐_文字排版

2. 目标图标大小和文本大小/行高不匹配

css 图标和文字对齐 —— 垂直居中对齐,任意位置对齐_ico_02

解决方案

1. 使用 “子绝父相” 的css定位方法,将图标设置为绝对定位,通过 left 和 top 按需自由调整图标的位置

2. 使用 flex 垂直居中布局

参考范例代码如下:

css 图标和文字对齐 —— 垂直居中对齐,任意位置对齐_解决方案_03

<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.抖音取图表情包微信小程序源码+创作者入驻