问题根因: - .regist-text 使用 display: inline-block - inline-block 在 flex 容器中按照文字基线对齐 - 导致内容向下偏移而不是垂直居中 解决方案: - 将 .regist-text 改为 display: inline-flex - 添加 align-items: center 确保内部内容垂直居中 - 现在按钮图标和文字会正确地在按钮中间显示 这解决了用户看到的"虚线下面才有按钮内容"的问题 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -165,7 +165,8 @@
|
|||||||
#index .no-login .btn.btn-normal#registBtn .regist-text {
|
#index .no-login .btn.btn-normal#registBtn .regist-text {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
display: inline-block;
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 注册按钮图标 */
|
/* 注册按钮图标 */
|
||||||
|
|||||||
Reference in New Issue
Block a user