案例:简洁版小米侧边栏

1️⃣案例的核心思路分为两步 :

  1. 把链接 a 转换为块级元素,这样链接就可以单独占一行,并且有宽度和高度
  2. 鼠标经过 a 给链接设置背景颜色
手机 电话 电视 盒子 笔记本 平板 出行 穿戴 智能 路由器 健康 儿童 耳机 音响

2️⃣一个小技巧:单行文字垂直居中的代码

  1. CSS没有给我们提供文字垂直居中的代码,这里我们可以使用一个小技巧来实现👇

  2. 解决方案:让文字的行高等于盒子的高度,就可以让文字在当前盒子内垂直居中

3️⃣单行文字垂直居中原理 :

单行文字垂直居中原理

返回标题