如何解决对齐徽标和导航按钮内联居中 HTML/CSS
并且我想让应用程序的徽标（当前为“AppName”）与左侧的汉堡菜单内嵌。所以没有顶部奇怪的空白区域。有什么想法吗？
编辑：
这就是它需要的样子（来自 adobe XD）
我的代码：
HTML：
image: mcr.microsoft.com/dotnet/sdk:5.0
stages:
- restore-dependencies
- build-solution
- run-tests
restore-dependencies:
stage: restore-dependencies
script:
- dotnet restore --packages packages
artifacts:
paths:
- packages
build-solution:
stage: build-solution
script:
- dotnet build --no-restore --source packages --output build
artifacts:
paths:
- build
needs:
- job: restore-dependencies
artifacts: true
run-tests:
stage: run-tests
script:
- dotnet test --no-build --output build
needs:
- job: build-solution
artifacts: true
CSS：
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<Meta http-equiv="X-UA-Compatible" content="IE=edge">
<Meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>AppName</title>
<link rel="stylesheet" href="/app.css">
<link rel="stylesheet" href="/fontawesome-free-5.15.3-web/css/all.css">
</head>
<body>
<div class="nav">
<span onclick="openMenu()"><i class="fas fa-bars"></i></span>
<h1 class="logo">AppName</h1>
</div>
</body>
</html>
请帮帮我！
BeldrNl
解决方法
处理这些值：
const effectTriggeredRef = React.useRef(false);
React.useEffect(() => {
if (!effectTriggeredRef.current && /* deps conditions */) {
effectTriggeredRef.current = true;
// trigger some functions
}
},[...deps]);
我修好了。我将 display:inline; 添加到我的徽标并将 margin-left 更改为 40% 并做到了。
谢谢！
CSS：
display: inline;
margin-left: 40%;
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。