Forum icon indicating copy to clipboard operation
Forum copied to clipboard

用户中心侧边栏导航菜单未对齐

Open Verrickt opened this issue 3 years ago • 0 comments

如何重现:

  1. 使用浏览器打开 https://www.cc98.org/usercenter
  2. 手动缩放至300%
  3. F12打开控制台,在*下添加css规则,以显示布局边界
* {
border: solid 1px;
}

可见文字部分并未完全对齐 Screenshot 2021-10-16 132446

原因: .center-nav-item的css为

.center-nav-item {
  margin-left: 1rem;
}

而用作导航图标的Font-Awesome自身宽度不同,从而导致文字无法对齐(其实图标也没有对齐,但并不容易看出来) image 更多详情请参考 https://www.cc98.org/topic/5012755

Verrickt avatar Oct 16 '21 05:10 Verrickt