navigation 相关问题

导航是指导航资源网络的过程,以及用于执行此操作的用户界面。

当我添加按钮时,导航会向左移动

所以基本上我想将导航保持在中心,但每当我添加按钮时,导航就会向左移动。如何始终保持导航居中? 所以基本上我想将导航保持在中心,但每当我添加按钮时,导航就会向左移动。如何始终保持导航居中? <nav> <div class="logo"> <h3>LOGO</h3> </div> <ul class="nav-links"> <li><a href="#">Home</a></li> <li><a href="#">Eggs</a></li> <li><a href="#">Oats</a></li> <li><a href="#">Cook</a></li> <li><a href="#">Cream</a</li> </ul> <div class="nav-buttons"> <button type="submit">Sign in</button> <span>|</span> <button type="submit">Sign up</button> </div> </nav> </div> </header> 导航 { 显示:弯曲; 对齐内容:空间之间; 对齐项目:中心; } 导航李{ 显示:内联块; 边距:0px 15px; 列表样式:无; } 导航 { 文字装饰:无; 颜色:白色; } .标志{ 颜色:白色; } .nav-链接 { 位置:绝对; 左:50%; 变换:translateX(-50%); } 好的,所以我解决了这个问题,并在 .nav-links idk 上使用了绝对位置(如果这是正确的方法的话)。 您可以使用 flex 或 grid 示例: div ul{ display: flex; justify-content: center; } div ul li { margin: 0 10px; list-style-type: none } <div> <ul> <li>hi</li> <li>hi</li> <li>hi</li> <li>hi</li> </ul> </div>

回答 1 投票 0

如何修复FocusNode实现后出现的后退导航异常?

首先,我的下拉菜单高度没有调整为屏幕弹出键盘占用所留下的空间,这现在在我的旧问题中得到了解决。该解决方案利用了 FocusN...

回答 1 投票 0

Android 后退按钮无法与 Flutter 选项卡内的导航器配合使用

我需要每个选项卡内都有一个导航器,因此当我推送新的小部件时,选项卡栏会保留在屏幕上。代码运行得很好,但是 android 后退按钮正在关闭应用程序而不是运行 Naviga...

回答 3 投票 0

具有里程碑意义的div的tabindex,对还是错?

我从辅助功能专家那里得到反馈,称我在地标区域上使用选项卡索引会让屏幕阅读器用户感到恼火。我添加了选项卡索引,以便用户可以使用跳过链接...

回答 1 投票 0

理解 Flutter 导航:直接类实例化与 Navigator.push

我对 Flutter 比较陌生,一直在我的应用程序中尝试导航和身份验证流程。这一探索提出了一些有关最佳实践的基本问题......

回答 1 投票 0

如何在 fermyon spin 上提供的 flutter web 应用程序上启用 url 导航

重现步骤 安装 flutter 和 fermyon spin 创建一个 flutter 应用程序(fermyon_routing_issue),配置如下 主程序.dart 导入“包:flutter/material.dart”; 导入'包:go_router/

回答 1 投票 0

离子从一个页面导航到另一页面,不起作用

我遇到以下问题。我创建了一个离子项目并生成了一个主页和一个注册页面。 当我尝试从家里进行导航进行注册时,当我点击注册按钮时......

回答 2 投票 0

面向 Servlet 的导航案例

Web 应用程序中有两个页面 page1 和 page2。 页面 page1 是基于 .xhtml 文件的 Facelet,而 page2 由 servlet 生成。 我们假设 page1.xhtml 如下所示: Web 应用程序中有两个页面 page1 和 page2。 页面 page1 是基于 .xhtml 文件的 Facelet,page2 由 servlet 生成。 我们假设 page1.xhtml 看起来像这样: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="jakarta.faces.html" xmlns:f="jakarta.faces.core" > <h:head> <title>TODO supply a title</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> </h:head> <h:body> <h:button outcome="yolo" value="move on"/> </h:body> </html> 为了简单起见,让 page2 从以下 servlet 生成: package tests; import jakarta.inject.Inject; import jakarta.servlet.ServletException; import jakarta.servlet.annotation.WebServlet; import jakarta.servlet.http.HttpServlet; import jakarta.servlet.http.HttpServletRequest; import jakarta.servlet.http.HttpServletResponse; import java.io.IOException; @WebServlet(urlPatterns = "/abc") public class StorageSrv extends HttpServlet { @Inject private Storage storage; @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp.getWriter().write("abc"); } } 我还在faces-config.xml中添加了导航规则,如下: <navigation-rule> <from-view-id> /flexible.xhtml </from-view-id> <navigation-case> <from-outcome> yolo </from-outcome> <to-view-id> /abc </to-view-id> </navigation-case> </navigation-rule> 如何从 page1 重定向到 page2 ? 目前,导航规则添加了 .xhtml 扩展名,因此通过单击 page1 上的“继续”按钮,我得到 404。 显然,只需将 servlet 映射到带有 .xhtml 扩展名的路径即可完成这项工作。 例如: @WebServlet(urlPatterns = "/abc.xhtml")

回答 1 投票 0

jakarta ee - servlet 的导航案例

Web 应用程序中有两个页面 page1 和 page2。 页面 page1 是基于 .xhtml 文件的 Facelet,而 page2 由 servlet 生成。 我们假设 page1.xhtml 如下所示: Web 应用程序中有两个页面 page1 和 page2。 页面 page1 是基于 .xhtml 文件的 Facelet,page2 由 servlet 生成。 我们假设 page1.xhtml 看起来像这样: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="jakarta.faces.html" xmlns:f="jakarta.faces.core" > <h:head> <title>TODO supply a title</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> </h:head> <h:body> <h:button outcome="yolo" value="move on"/> </h:body> </html> 为了简单起见,让 page2 从以下 servlet 生成: package tests; import jakarta.inject.Inject; import jakarta.servlet.ServletException; import jakarta.servlet.annotation.WebServlet; import jakarta.servlet.http.HttpServlet; import jakarta.servlet.http.HttpServletRequest; import jakarta.servlet.http.HttpServletResponse; import java.io.IOException; @WebServlet(urlPatterns = "/abc") public class StorageSrv extends HttpServlet { @Inject private Storage storage; @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp.getWriter().write("abc"); } } 我还在faces-config.xml中添加了导航规则,如下: <navigation-rule> <from-view-id> /flexible.xhtml </from-view-id> <navigation-case> <from-outcome> yolo </from-outcome> <to-view-id> /abc </to-view-id> </navigation-case> </navigation-rule> 如何从 page1 重定向到 page2 ? 目前,导航规则添加了 .xhtml 扩展名,因此通过单击 page1 上的“继续”按钮,我得到 404。 显然,只需将 servlet 映射到带有 .xhtml 扩展名的路径即可完成这项工作。 例如: @WebServlet(urlPatterns = "/abc.xhtml")

回答 1 投票 0

每次使用 React Router 导航到 Redux 组件时,如何阻止状态存储数据在 Redux 组件中累积

好吧,需要注意的是我对 redux 非常陌生。我正在做一门关于 atm 的课程,我正在尝试稍微跳出框框,使用 wordpress API 和 Redu 生成一个相当标准的网站...

回答 3 投票 0

如何通过相同道具的按钮路由到这些页面?

我试图将相同道具的四个按钮路由到不同的反应路线,但它不起作用。我已经创建了路线,尝试使用 Navigate 但它不起作用。 导入反应,{

回答 1 投票 0

在 Android API 33 上锁定对系统导航栏的访问

我在Android应用程序上自定义了导航按钮,现在我需要找到一种方法来禁用滑动时出现在底部的系统导航按钮。 我的目标是 Android API 33 我可以隐藏...

回答 1 投票 0

使用 DrawerNavigator [React native] 导航到 URL/深层链接

我们如何从导航器条目打开链接?例如: const Home = DrawerNavigator ({ 帐户:{屏幕:帐户}, 可用性:{屏幕:可用性}, 最喜欢的:{

回答 3 投票 0

我想在导航时播放声音而不被缩短

我有一个包含导航链接的主菜单视图。当我按下“播放”时,它会导航到游戏屏幕并播放声音。然而,声音只播放了一秒钟,然后就停止了......

回答 2 投票 0

如何将 SafeArgs 添加到新的顶级 Kotlin gradle

我将使用带有片段的导航框架,但在依赖步骤中,当我尝试从文档添加 SafeArgs 时,我发现新的顶级 gradle 文件与文档不同...

回答 5 投票 0

如何在 swiftUI 中扩展导航视图以显示在安全区域之外

我正在尝试使用 NavigationView 并创建自定义 NavigationModifier: 但导航栏顶部有一些空白,我想用导航栏本身覆盖所有空白。 我尝试添加

回答 1 投票 0

在 NuxtJS 3 中我看到错误 TypeError: Cannot read properties of null (reading 'parentNode')

我使用NuxtJS3,当我在页面之间导航时,经过一些导航后我看到这个错误 未捕获(承诺中)类型错误:无法读取 null 的属性(读取“parentNode”)。 “@nuxtjs/supab...

回答 1 投票 0

为什么反应路由器导航(-1)可能会返回两个路由/页面?

我有一个页面,如果用户没有查看权限,则需要将用户踢回到上一个页面。我制作了这个非常简单的组件作为测试,但我发现它向后导航了两页...

回答 1 投票 0

NextJS 应用程序使用 Nginx 反向代理刷新到 PM2

我正在使用 Nginx 和 PM2 在 Debian 12 上运行我的 NextJS 应用程序。我使用 Nginx 作为反向代理,总的来说,它运行良好,我的应用程序运行。 但我在浏览页面时遇到问题。

回答 1 投票 0

在响应式网站的最底部创建粘性导航栏时遇到问题

我在图像下方创建了一个导航栏,以显示各种社交媒体平台的图标。然而,我试图将这些图标放置在网站的最底部并使其响应

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.