如何在CSS中垂直对齐两个导航栏项目，然后是图像，然后是两个导航栏项目？
在CSS中垂直对齐两个导航栏项目、图像和另外两个导航栏项目，可以使用不同的方法来实现。以下是一种常用的方法：
- 使用Flexbox布局： Flexbox是一种灵活的布局方式，可以轻松实现垂直居中对齐。首先，将导航栏和图像包装在一个容器中，然后使用以下CSS样式：
- 使用Flexbox布局： Flexbox是一种灵活的布局方式，可以轻松实现垂直居中对齐。首先，将导航栏和图像包装在一个容器中，然后使用以下CSS样式：
- 这样可以将容器内的项目垂直居中对齐。
- 使用绝对定位： 可以使用绝对定位来对齐导航栏和图像。首先，将父容器设置为相对定位，然后使用以下CSS样式来定位导航栏和图像：
- 使用绝对定位： 可以使用绝对定位来对齐导航栏和图像。首先，将父容器设置为相对定位，然后使用以下CSS样式来定位导航栏和图像：
- 这样可以将导航栏和图像都垂直居中对齐。
无论使用哪种方法，都可以将导航栏项目垂直对齐在图像的上方和下方。根据具体需求和设计，可以选择适合的方法进行布局。
参考腾讯云相关产品：在这种情况下，腾讯云的产品不直接与CSS相关，但您可以使用腾讯云提供的云主机和云存储服务来托管您的网站，并将CSS文件和图像文件存储在腾讯云上。您可以参考腾讯云云服务器和对象存储服务来了解更多信息：
- 腾讯云云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储服务：https://cloud.tencent.com/product/cos
相关·内容
我开始在我的react项目中创建一个导航栏(到目前为止还没有路由)，而且我很难让我的NavigationItems包装到导航栏，现在它们是垂直对齐的。
我创建了自己的结构，这样我就有了一个名为NavigationItem的组件，它保存着导航栏中每个项的属性。
import React from 'react';
import './NavigationItem.css'
const navigationItem = (props) =>(
<li className="NavigationItem">
浏览 0提问于2018-11-17得票数 0
回答已采纳
1回答
在元素中以文本为中心
、、、、
我试图在这个页面上对齐文本： (专门针对移动子域)
垂直到屏幕顶部红色条形图的中心。我正在寻找的结果是“测试”这个词在导航栏(红色条形图)的中心垂直对齐。
您可以在这里看到应用于该页面的CSS：
编辑:不要担心CSS缩进，它是由cloudflare压缩的。在服务器上是缩进的
浏览 8提问于2015-05-10得票数 1
回答已采纳
这与发布的其他问题类似，但更具体。
我的目标是使用CSS (纯或使用bootstrap)创建一个拆分导航栏，登录和注册按钮右对齐，其他按钮左对齐。在XL屏幕上，我将登录和注册按钮从内联块更改为块显示，这使得它们各占两行。每一个都由一个令人敬畏的字体、图标和文本组成。通过这个简单的更改，我在垂直对齐其他按钮时遇到了很多问题。块按钮在导航栏中垂直居中，但其他按钮太高。
所有基于flexbox的解决方案都有一个副作用，那就是取消了登录和注册按钮的右对齐。这包括任何引导类，如d-flex，将任何对齐属性添加到css文件。
我可以重新设计导航栏，使其在辅助导航栏中具有右对齐的项目，就像这里的解决方案：，
浏览 2提问于2020-02-08得票数 0
3回答
我正在尝试使用<span>在我的导航栏中移动一些文本。我的导航栏是一个<ul>，元素都是<li>s，但是文本与导航栏的顶部对齐，我希望它垂直居中。正如您在JSFiddle中看到的，我在CSS中使用a:hover属性来更改悬停在其上的文本的背景和颜色。当我仅将跨度应用于文本时，整个悬停部分也会移动。看看你能不能理解我的意思。
我的JSFiddle在这里：
基本上，我只想让文本以一种简单、简洁的方式垂直对齐。最初，我使用的是'‘标签，并设置了他们的页边距，但我想避免使用标题标签的目的，以改善搜索引擎优化。谢谢。
浏览 1提问于2012-02-28得票数 6
回答已采纳
我想在Bootstrap 4导航栏上放置一些自定义图标按钮。我试着用这样的方式放置按钮：
<a class="nav-item" href="#">
<img class="png-icon d-inline-block align-middle" src="assets/png-icons/zoom full.png">
</a>
该按钮显示在导航栏上，但它在顶部对齐。我想让它居中对齐(垂直)。我尝试了所有类型的CSS样式，如页边距-顶部和填充-顶部，但它没有改变任何东西。我也试过使用
浏览 18提问于2017-06-28得票数 0
回答已采纳
我是iOS编程的新手。我有一个皮肤导航栏有70像素的高度，我想后退按钮和标题是垂直对齐到中间。
我已经看完导航栏的标题了。但我不知道如何将后退按钮垂直对齐到中间。
谢谢。
浏览 2提问于2012-06-28得票数 3
我可以垂直对齐我的内容，但是当我通过在窗口上拖动缩小浏览器的垂直空间时，垂直对齐的内容会与导航栏重叠。
我想要的行为是垂直对齐的内容停在导航栏上。我尝试了不同的方法来垂直居中我的内容，使用不同的Bootstrap 4 CSS类，但没有帮助。
这里有一个代码来演示这一点： (它假设您包含Bootstrap4)。
HTML
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">My Brand
浏览 0提问于2017-11-01得票数 0
2回答
我想包括一些社交媒体图标在我的导航栏，但他们拒绝垂直对齐我的导航栏的其余部分。
这里有一个，在所有的div周围都有红色边框，所以您可以很容易地看到问题。出于某种原因，这两个社交媒体图标的位置与ul的其他部分不同。
有什么建议吗？
浏览 6提问于2016-01-30得票数 0
回答已采纳
我有一个引导2.3.2项目，其中有一个导航栏。此栏包含仅为图标(而不是按钮或链接)的图标(Fontawesome)。然而，这些是不正确的垂直对齐。他们坚持在顶端。
下面是一个简单的示例：
<link href="https://maxcdn.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"/>
<div class="navbar">
<div class="navbar
浏览 5提问于2016-10-11得票数 0
回答已采纳
我正在尝试垂直对齐引导导航栏项目上的文本。文本在两行中换行。对齐单行文本没有问题，但当文本在两行上时，垂直对齐就会困难得多。我不能使用行高，有没有其他选择？我还没有看到关于换行文本的任何好的解决方案，许多解决方案没有考虑到多行文本。
HTML代码
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="http://localhost/cll/?page_id=39">SHORT SINGLE LINE</a>
浏览 2提问于2015-03-04得票数 1
回答已采纳
2回答
我使用的是bootstrap导航栏，它的品牌名称在左边，2个图标标志符号-用户和标志图标标志-钟在右边。
当我将分辨率更改为小于768时，品牌名称和两个图标都垂直对齐，导航栏的高度增加。
我不想要一个折叠条。我希望图标固定在正确的位置。
浏览 1提问于2015-12-30得票数 1
1回答
垂直对齐导航
、、
我有一个导航栏，我想要完全垂直对齐(当我滚动时也是如此)。
我从另一个帖子中了解到，你可以在垂直方向上对齐：
#container
{
position: absolute;
top: 50%;
height: 400px;
margin: -200px 0;
}
但是，我如何垂直对齐导航栏，使我不必硬链接的大小？
谷歌大部分都有旧的技术和硬链接。如果我错过了这个主题的链接，请提醒我！
问候
浏览 2提问于2012-05-13得票数 0
我正在建立一个基于引导模板的网站。我使用的不是左上角的“项目名称”，而是一张图片。导航链接仍然与页面顶部对齐，但我希望它们位于黑色导航栏的底部：
重现最简单的方法是下载Bootstrap模板，并将导航栏中的“Project name”更改为：
<a class="brand" href="#"><img src="apple-touch-icon-114x114-precomposed.png" /></a>
我无论如何都不能让链接与导航栏的底部对齐，除非在bootstrap.css (of .min
浏览 5提问于2012-10-20得票数 1
回答已采纳
3回答
<code>C0</code> <code>C1</code>我正在尝试创建一个基本的导航栏，但是由于某种原因，一旦我添加了更多的元素，它就会垂直对齐，而不是水平对齐。我在bootstrap 3上试了一下，不知道是bootstap css文件有问题，还是我的html有问题。如有任何反馈或建议，我们将不胜感激！
<code>A2</code>
浏览 12提问于2020-07-31得票数 0
1回答
在导航栏中居中显示文本
、、、
我无法将导航栏中的文本在其容器内居中(垂直)对齐。
导航栏的HTML：
<ul class="navigation">
<li class="navbar"><a href="index.html" class="navbarlink" >Home</a></li>
<li class="navbar"><a href="second.html" class="nav
浏览 0提问于2012-07-18得票数 0
我正在尝试使导航标题与SwiftUI中的一个SwiftUI视图中的后退按钮垂直对齐。以下是当前的情况：
下面是我为视图添加导航栏标题的代码。如何使它与后退按钮垂直对齐？
var body: some View {
Text("My Detail View")
.navigationBarTitleDisplayMode(.inline)
VStack {
List {
ForEach(0..<layerSettings.count, id: \.s
浏览 13提问于2022-09-17得票数 2
回答已采纳
使用Bootstrap 4，我有一个包含以下nav-item的导航栏：
<form class="form-inline">
<a> <i class="fa fa-gear"></i> Option A</a>
</form>
我想添加小文本对齐居中和下方的图标。做这件事最好的方法是什么？(选项A文本应该足够大以便于阅读，但还不够大，需要修改导航栏引导程序类以适应需要)
注意:我希望确保文本和图标都垂直对齐在导航栏的中间，而不增加导航栏的高度，这似乎会影
浏览 17提问于2018-02-23得票数 0
回答已采纳
3回答
我希望占位符文本(“搜索”)与导航文本(博客，关于)垂直对齐。
我想把博客/垂直中心放在导航栏里。
我很难使用CSS，所以我不太确定应该添加/更改哪些类。
例如。
我正在使用的HTML：
<header class= "blog-masthead">
<div class="container">
<nav class="blog-nav">
<a class="blog-nav-item " href="/blog">Blog</a&g
浏览 5提问于2014-10-13得票数 0
回答已采纳
2回答
在彼此下面安排一个项目。
、、、
我有这样的菜单栏
<header>
<nav>
<a href="#">Home</a>
<a href="#">Our Story</a>
<a href="#">Tools</a>
<a href="#">Technology</a>
<a href="#
浏览 3提问于2014-09-28得票数 0
回答已采纳
1回答
我有一个布局，标志和肚脐是相邻的左边。当视口缩小时，导航条就会出现在徽标下面，并向左对齐。
我计划保持肚脐是在右边和中间垂直对齐的标志(目前导航条是顶部对齐)。当视口大小减小时，导航栏应该在徽标下向左移动。
我正在尝试这个css，但是我想要的布局无法实现。
@media (min-width: 768px) {
.navbar .navbar-nav {
float: right;
vertical-align: middle;
}
.navbar .navbar-collapse {
float:left;
}
浏览 1提问于2015-04-19得票数 0
回答已采纳
4回答
我在中创建了一个底部导航栏(脚注)，以包含一些社交媒体链接：
有一个断点，无序列表项(li)将垂直堆叠，而不是水平堆叠：
我可以看到这种行为对于使用带标题的导航条是可取的(我在我的顶部导航栏上使用它)，但是由于我只是使用这个底部的图标，所以我不希望它们垂直堆叠，因为它们有足够的宽度水平地排列到移动屏幕上。
我如何才能在我的底部肚脐上禁用这种行为？
我还想知道，当设备的宽度小于电话号码和社交媒体图标的宽度时，我左边导航项中的电话号码和图标是否会消失。
引导版本为3.3.2。
更新：这是一把小提琴
浏览 3提问于2015-02-22得票数 4
回答已采纳
2回答
我有一个顶级导航器，在导航器下面有一个iframe来加载内容。布局有点像
<body>
<div style="text-align:middle">
<div id="nav"></div>
<iframe></iframe>
</div>
</body>
导航器设置为固定宽度，以匹配iframe内容的宽度，该宽度不是全屏宽度。以便导航器和iframe在两边对齐。
但是，当iframe的高度超过屏幕时，iframe的垂直滚动条就会出现，iframe变
浏览 2提问于2016-06-29得票数 0
回答已采纳
2回答
我有一个使用物化CSS的边菜单。它有三个菜单项，每个菜单项都有一个图标。我的问题是图标的位置太高了-图标的底部和文本的底部是一致的。我希望它是这样的图标是在中间的文字垂直。以下是我的想法：
<li class="logout-btn"><a href="#"><i class="material-icons">power_settings_new</i> Logout</a></li>
下面是侧边栏导航中的样子：
如果有人知道解决办法，那就太好了！
浏览 1提问于2015-12-14得票数 1
回答已采纳
试图了解如何更改引导导航栏中容器的默认行为。默认情况下，它垂直对齐导航条包装器中的中心(请参见下面的图像)，但我希望它与顶部对齐。
到目前为止，我正在使用Bootstrap在他们的网站上为导航条提供的示例，只做了几处小小的调整。
尝试在.navbar和.container类中添加一个垂直对齐属性，但是它没有改变任何东西。也许这是个灵活的环境？
浏览 0提问于2018-10-26得票数 0
回答已采纳
上面是想要的结果--但是导航条移到页面的右边。
下面是现有的css和html。再一次的目标是
将徽标图像垂直居中并水平地放置在页面的左侧
将导航条放到页面的最右边并垂直居中。
让人力资源就在图像和导航栏下面
提前谢谢你！
<div class="nav">
<ul>
<li><img src="Images/logo.jpg"></li>
<li><a class="link" href="#">Co
浏览 7提问于2022-09-12得票数 0
3回答
我目前在以下Wordpress网站上工作：
很明显，水平菜单项的样式不正确。我希望“媒体”链接适合导航栏的右侧；如何更改每个项目的宽度以使它们都适合？
我还希望菜单项居中，这样两边的边距是相等的。我对现有的Wordpress主题的CSS的了解很粗略；有人能给我一些指导吗？
浏览 1提问于2013-04-24得票数 0
回答已采纳
3回答
我有一个头，里面有两个元素。第一个图像是公司徽标，宽度设置为25%。另一个是导航栏，它的元素设置为内联，因此它是水平的。我希望导航栏垂直居中，但无论如何我都想不出来。我已经将我所知道的所有内容都设置为一个可以使用垂直对齐的元素，并将所有内容放在显示、内联或表格单元格中以应用它。毫无办法。
请记住，我不只是给它一个静态的百分比填充或页边距顶部的原因是因为随着页面变宽，图像高度随着宽度的增加而扩展，所以当您水平扩展浏览器时，导航变得越来越不合适。
我非常感谢任何人的帮助，因为我已经尝试(比我想承认的要长得多)在垂直居中放置一个对象。
HTML裁剪：
<div id="containe
浏览 0提问于2013-03-13得票数 10
回答已采纳
我有一个导航栏，有三个部分：
徽标
搜索栏
组合在一起的两个菜单选项
我希望它看起来像这样，在徽标是左对齐的地方，搜索栏有一个左填充，分组链接在右边：
如果我试着让这个组向右浮动，它们就不会垂直对齐到中间。
<nav>
<a class='logo-link' href="#">Example</a>
<div class="search">
<form accept-charset="UTF-8" action="/se
浏览 10提问于2014-04-21得票数 0
回答已采纳
1回答
我用UIKit创建了一个小测试网站。现在我已经把它弄乱了，我想试着在不使用预制框架的情况下创建设计。不过，我的导航栏有点问题。
这是在UIKit上创建的原始导航栏，请查看文本如何与徽标的中间垂直对齐。
这是第二个图像，也就是我试图创建的导航栏，您可以看到文本与图像在同一行，但它与图像(徽标)的顶部对齐。
我试图使第二个图像像第一个图像，文本与标志的中心对齐。我已经在我的css中尝试了“垂直对齐:中间；”，但似乎不起作用……有什么想法吗？
下面是我的代码：
html {
font-family: monospace;
font-size: 12pt;
}
body {
浏览 5提问于2017-08-08得票数 0
2回答
我是一个HTML/CSS的新手，我正在创建一个网页，上面有一个响应性导航栏。我面临的问题是，当navbar被折叠并按下按钮时，navbar-items在打开的导航菜单的左侧对齐。我希望这些项目与菜单上的中心对齐。我在和上搜索了很多，但是我无法找到解决问题的方法。
下面是我正在使用的HTML代码：
<html>
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
浏览 4提问于2016-08-07得票数 3
回答已采纳
我正在为一个应用程序的导航栏工作。根据谷歌的材料设计推荐，我已经为我的导航按钮提供了具体的测量数据。
现在，我想垂直对齐列表中锚内的图标和span元素。
我的链接就是这样的：
<li class="navItem">
<a>
<i class="navIcon material-icons md-light">info</i>
<span class="navText">About</span>
</a>
</
浏览 5提问于2016-12-06得票数 3
回答已采纳
1回答
所以我有一个导航栏，除了我似乎无法将链接带到垂直中心这一事实之外，一切都很好。
而且似乎有一个巨大的差距之间的联系，我希望缩小这个差距。
有什么帮助吗？谢谢!这是所有的来源；
HTML和CSS；
<!DOCTYPE html>
<html>
<head>
<!--LINKING THE STYLESHEETS-->
<link rel="stylesheet" type="text/css" href="style.css">
<!--DO NOT EDIT THIS STYLE
浏览 2提问于2014-04-18得票数 0
回答已采纳
5回答
我试图垂直对齐一个字体图标与导航栏中的一些文本从引导。导航条的垂直大小设置为10vh。我无法使文本与图标对齐，如下图所示：
另外，我想在图标和文本之间添加一些水平空间。这是我的代码：
<nav class="navbar navbar-expand-lg sticky-top navbar-dark bg-dark h-100">
<ul class="navbar-nav nav-fill w-100">
<li class="nav-item active">
浏览 8提问于2020-07-18得票数 0
回答已采纳
2回答
我在网上搜索了一段时间，似乎找不到解决这个问题的办法。也许我只是有点困惑。
给定以下css，如何在不改变框的垂直高度的情况下将文本垂直对齐到每个彩色框中。如果使用“对齐项:中心”，则将框缩小到字体大小。
我之所以需要弄清楚这一点，是因为我有以下代码：
<div class="navigationBar">
<div class="centeringContainer">
<div class="myName">
John Smit
浏览 1提问于2017-01-15得票数 2
回答已采纳
1回答
你好，亲爱的StackOverflow社区，
我一直在努力通过使用媒体查询来学习如何使导航响应，我的意图是使导航菜单变成一个垂直样式的导航栏。您还能提供给我一个特殊的规则，将导航菜单从水平转换为垂直？
提前谢谢你
index.html
styles.css
浏览 1提问于2022-06-19得票数 -1
1回答
在导航栏上工作(对移动设备进行更改)-当我在移动设备上使用列表底部的“关闭”按钮垂直显示项目时，这会导致导航栏被折叠。折叠时，顶部的打开按钮将展开导航栏。我当前的实现实现了关闭栏的折叠，但是导航栏是使用两个组件构建的，所以我想知道如何在两者之间单向传递isCollapsed。 第一个组件： const NavigationTabs = ({ className, items }: Props) => {
const [isCollapsed, setIsCollapsed] = useState(false);
function menuCollapsed() {
s
浏览 25提问于2021-08-13得票数 1
回答已采纳
3回答
我使用的是禅宗主题、默认样式和模板，虽然主要内容在Firefox中正确显示，但在IE中却一直向左显示。
在firefox中，导航菜单在顶部，侧边栏在左边，主内容在右边。在IE中，主内容区域位于顶部，下面有导航菜单，侧栏首先显示在下面。左对齐..。
我遗漏了什么？
我刚刚覆盖了所有的css和所有的东西，它仍然显示着相同的.
浏览 0提问于2013-01-21得票数 0
回答已采纳
问题：
我已经在导航栏的中间添加了一个徽标。这导致我的导航栏不能正确对齐，并且我无法将徽标与导航栏居中(我希望它重叠但仍然居中)，并且无法将文本与徽标的中间垂直对齐。
你可以在这里找到我的网站的图片：
导航栏为灰色，导航链接的轮廓为红色。
这是我的HTML代码
<nav id="nav" role="navigation">
<ul>
<li><a href="#music" id="nav-music">Music</a></li>
浏览 0提问于2014-02-11得票数 1
2回答
我是CSS的新手，我知道Flexbox有一个更好/更简单的解决方案，但我正在尝试理解CSS的基础知识。因此，我试图对标题项：
在左边有文字的徽标图像应该在中间垂直对齐。
右边的导航菜单与左侧的文本对齐。
这是我的代码：
* {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 1px solid blue;
}
.logo a {
color: black;
text-decoration: none;
}
.logo img {
height: 100px;
width: 100
浏览 5提问于2021-10-14得票数 1
当我在b-nav-item-dropdown中放置一个图标时，导航栏的垂直对齐被破坏：
<b-navbar-nav class="ml-auto">
<b-nav-item :to="{ name: 'sign-in'}">Sign in</b-nav-item>
<b-nav-item-dropdown toggle-class="text-warning" right>
<template v-slot:button-co
浏览 16提问于2020-05-25得票数 0
回答已采纳
2回答
我不是flex的新手，但我不能在代码中将导航栏的内容垂直对齐到中心。 <nav className="nav navbar">
<h3> Logo </h3>
<ul className= "nav-link1">
<li className="nav-item1 ">
<Link to="/">Home</Link>
</li
浏览 21提问于2021-04-13得票数 0
我试着想出一个简单的css布局，应该是这样的：
这是我的标题和导航栏的html代码：
<div id="header">
<h1>LOGO</h1>
<ul>
<li><a href= ""> Home </a></li>
<li><a href= ""> Logout </a></li>
</ul>
</div>
<div id="navigation&
浏览 0提问于2013-02-15得票数 0
回答已采纳
我在我的ASP.net项目母版页中添加了一个Bootstrap固定底部导航栏，它有一个徽标和一个版权文本(为了简单起见，我借用了微软的徽标)。我希望它们在一行中，所以我将.navbar-left样式应用于它们的父级，工作，然而，我发现文本是顶部对齐的，我希望它有垂直的居中对齐，如何实现？谢谢。
<div class="navbar navbar-default navbar-fixed-bottom" id="footer">
<ul class="nav navbar-nav navbar-left">
<
浏览 0提问于2015-01-28得票数 0
2回答
我在页面的左边有一个导航栏。此栏是固定的，因此它可以随页面滚动。
现在，我希望将内容与其右侧对齐，但不希望显式指定导航栏或页面内容的宽度/边距，以便导航栏可以扩展以适合其文本。
我怎么能用CSS做这样的事情呢？
我使用position: fixed来对齐我的导航栏，如下所示：
#navbar,
#navbar > ul,
#navbar > ul > li {
list-style: none;
margin: 0;
padding: 0;
border: 0;
}
#navbar > ul {
position: fixed;
浏览 1提问于2013-09-29得票数 0
1回答
图标与文本对齐
、、
我正在使用线性图标，并且我试图(垂直)将图标与文本对齐，但我就是想不通。不知怎么的，图标并不像文本那样贴在导航栏的顶部，所以我认为这可能是问题所在。这是一张图片，向您展示我正在谈论的->
我尝试将图标与文本垂直对齐，然后将整个菜单与导航栏对齐。我希望你们能理解。
下面是HTML：
<div class="navbar navbar-default top-bar">
<div class="container">
<div class="infos pull-right">
&
浏览 0提问于2015-10-21得票数 2
我在试着让导航条正常工作。我在<a>标签中有<p>标签，我希望<a>标签占据导航栏的整个宽度，在特定元素的所有垂直空间中都是可点击的。
我的守则：
* {
margin: 0;
padding: 0;
}
#navbar {
display: flex;
background-color: dodgerblue;
height: 50px;
position: relative;
}
.flexmaker {
display: flex;
}
.navlink {
margin: au
浏览 1提问于2019-08-12得票数 0
回答已采纳
我有一个相当标准的引导导航菜单和一些自定义修改。我在导航中遇到的一个问题是a:悬浮选择器和垂直对齐属性。我需要有a:悬停选择器填充100%的高度菜单栏，但一旦我得到这个工作，我的垂直对齐效果停止工作(反之亦然)。我怎样才能同时满足这两个要求？
(有关清晰度，请参见CSS代码中的注释)
谢谢。
这是我的密码也在下面..。
HTML
<div class="container">
<nav class="navbar navbar-inverse" role="navigation">
<div
浏览 1提问于2014-10-28得票数 0
回答已采纳
下面是我的网站的导航栏：
只要活动菜单选项是Home、About或Contacts，当您在不同的选项之间进行选择时，导航栏就会完全对齐。
然而，当我在Members选项中时，导航栏稍微向左移动了一点。我想将它向右移动几个像素，这样它在导航时就可以完美地对齐。
我将CSS应用于以下块元素：
.navigation > li > a
{
some styling
}
这会影响导航期间导航栏的样式。
但是，当选择了Members时，如何将某些边距样式应用于nav栏？
我可以重命名类名，但这样我就需要重复编写代码来重新设置nav栏的样式，以及新添加的边距修正。
有没有办法
浏览 3提问于2014-07-16得票数 1
3回答
因此，我正在创建这个导航栏，但我有一些问题，我的项目，该页面也将有一些svg图标在这个导航栏稍后。但我试着像这样对着它，但是怎么做呢？
这可能很容易修复，但我尝试过垂直对齐和其他东西，但它不会移动到我想要移动的地方。
/*
Navigation
*/
.topnav {
overflow: hidden;
background: none !important;
}
.topnav button {
border: none;
cursor: pointer;
}
.topnav a {
color: #0f1;
text-
浏览 2提问于2021-10-12得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
