导航页面中内容的对齐方式

文章/答案/技术大牛

发布

2回答

html、css、angularjs

我已经创建了一个plunkr &l

浏览 16提问于2017-01-20得票数 1

回答已采纳

2回答

将导航栏的下边框与内容对齐

html、twitter-bootstrap、bootstrap-4

我想有一个导航栏的底部分隔符，与页面的其余部分对齐。像重构UI did 一样但是，当我在导航栏内的容器中添加边框时，它会延伸到内容之外，比如。将水平分隔符添加到导航栏并与页面其余部分的内容对齐的优雅且“正确”的方式是什么？

浏览 17提问于2019-08-19得票数 2

1回答

将引导带固定肚脐的底部对齐到div顶部

html、css、twitter-bootstrap

我的页面顶部有一个固定的导航条，还有一个用动画滚动设置的滚动间谍。但是，当我单击导航链接时，页面滚动到导航条顶部与锚定div顶部对齐的点。我希望导航栏的底部与锚定div的顶部对齐，以便不覆盖锚定div中的任何内容。我该怎么做？就我的代码而言，我从开始

浏览 4提问于2017-12-25得票数 1

回答已采纳

2回答

你能找到问题与滚动锚定在我的开发网站？

javascript、html、twitter-bootstrap

这是我正在开发的twitter引导页面：当项目被选中时，左侧的导航正在使用javascript滚动到锚点。例如，在左侧导航中选择"Software Engineering“，然后选择"Agile Development”。看看内容区域的“敏捷开发”部分现在如何与左侧导航的顶部很好地对齐。问题是，如果您尝试使用URL转到内容的同一部分，则内容

浏览 2提问于2013-12-13得票数 0

1回答

动态页面导航项目对齐方式

jquery、html、css

我正在尝试制作一个动态加载的网站，它具有可移动的导航栏，以便选定/活动页面水平对齐。基本上，主页看起来类似于，然后当单击下面有其他导航项目的另一个导航项目时，会出现另一个列，并且所有选定的项目都会在黄色条中居中对齐不知道这叫什么，或者在其他答案中搜索什么。

浏览 0提问于2015-10-25得票数 0

1回答

侧边导航栏在切换时更改页面内容的对齐方式

javascript、html、css、bootstrap-4、web-frontend

作为我正在开发的网站的一部分，我需要实现一个侧面导航栏(放置在右侧)，当切换到显示导航栏内容时，它会将页面内容推向左侧。问题是，动画中有一个小故障。当再次单击切换开关以关闭导航栏时，它会将网站的整个内容向右推。内容需要返回到单击切换之前的位置。这是我的代码： HTML <!"); hea

浏览 27提问于2019-06-09得票数 1

回答已采纳

2回答

引导3.1.1 - Navbar定制

twitter-bootstrap、twitter-bootstrap-3

我需要帮助来自定义页面上的导航条可以通过自定义页面吗？

浏览 6提问于2014-03-17得票数 1

回答已采纳

4回答

我正在建立一个网站，但我从一个模板开始，并破坏了它，改变了很多东西，去掉了整个中心部分，现在我必须从主体开始，但每当我试图插入导航菜单时，这是一个从另一个程序插入的javascript代码，我用来构建它每当我试图在页面的左侧插入菜单时，它都落在页眉和页脚的对齐方式之外，所以它不是直接与左侧的页眉和页脚对齐，而是在它应该在的位置之外。当涉及到这些东西时，我是绝对的智障，所以如果有人能告诉我这里的诀窍和

浏览 2提问于2009-01-09得票数 0

1回答

CSS/Bulma:如何让我的内容与我的导航栏品牌保持一致？

html、css、bulma

我正在用构建一个页面。此时，当页面全宽时，内容位于导航栏品牌的右侧，当页面宽度为移动大小时，内容与屏幕边缘齐平。我可能希望这是另一种方式？我如何修复我的HTML，使导航栏和内容始终完美对齐？当视区处于移动宽度时，我不希望<e

浏览 15提问于2018-08-24得票数 3

回答已采纳

2回答

在bootstrap中，为什么.navbar中的.container比页面中的常规.container更宽？

twitter-bootstrap

在Bootstrap4中，我试图在我的.navbar中放置一个.container，这样我的导航栏背景颜色就可以在整个屏幕上显示，同时我的导航栏按钮可以与我的页面内容左对齐。然而，我发现它们实际上并不对齐，因为导航栏中的这样一个容器比页面上的常规容器宽30px (它们在每个断点上都会改变宽度，但除了xs断点处，

浏览 0提问于2017-11-30得票数 3

1回答

指向部分标题的引导链接被导航栏隐藏-固定-顶部

twitter-bootstrap

我在使用带bootstrap的章节引用链接时遇到了一些问题。我有一个固定在页面顶部的导航栏，然后在span3中的一些部分导航，因为这里的项目链接到span9中的标签。我用60px填充了正文，使页面内容位于固定导航栏的下方，但当我使用部分链接时，相关链接与页面顶部、导航栏下方对齐-这意味着标题将

浏览 3提问于2013-01-13得票数 4

回答已采纳

1回答

导航栏内有一个按钮，但btn不属于导航栏的div类。

html、css、navigation、nav

所以我发了一篇类似于这篇文章的文章，因为我没有得到准确的答案，也不明白说明。所以，，我再次请求您的支持。。导航栏第二个问题是，我不能把标志/文字窦和链接连在一起。任何帮助都将不胜感激！

浏览 0提问于2020-02-14得票数 0

回答已采纳

2回答

与固定图元的右侧对齐

css、css-position

我在页面的左边有一个导航栏。此栏是固定的，因此它可以随页面滚动。#navbar, #navbar > u

浏览 1提问于2013-09-29得票数 0

1回答

JQM导航栏页脚未底对齐

jquery-mobile、footer、navbar

中的示例$content.after( .attr("data-role", "footer") .attr("data-role", "navbar") )); <&#

浏览 3提问于2014-08-13得票数 0

1回答

"100%带分隔符“，左边距自动

css

我有一个与margin: 0 auto;中间对齐的页面，这是页面内容。我需要我的导航也有margin-left: auto;，但也需要去，直到屏幕的末尾，即使用户重新调整大小或缩小页面，这个导航必须真的去，直到结束。现在我有了类似这样的东西：

浏览 0提问于2013-01-09得票数 0

回答已采纳

2回答

向左和向右对齐元素

html、css、layout

客户端需要导航布局，如下所示：如你所见，它是由“主链接”和“子链接”组成的。可以有任意数量的每一个，文本内容可能会改变。菜单容器的宽度将根据页面大小而改变。上帝保佑设计师们，他们决定对齐这些链接的左右边，并在每个链接之间保持一致的空间。客户端坚决认为这就是导航的方式。因此，问题是:如何才能做到这一点？我尝试过使用表格(CSS和HTML)，但是当它们对齐</em

浏览 4提问于2014-07-14得票数 0

1回答

引导容器中的4个导航条项，其中一个项从容器中右对齐。

css、twitter-bootstrap、bootstrap-4

我有一个<div class="container">包在导航链接上的引导4导航条，所以导航的位置与页面上的内容完全一样(也在容器中)。我现在想在容器的外部添加一个搜索输入，对齐到右边(仅在XL屏幕上可见，否则隐藏)。我知道如何对齐东西，我可以在容器内对齐它，但是在容器外部创建另一个<ul class="navbar

浏览 1提问于2019-02-10得票数 0

1回答

如何在没有额外div的情况下进行浮动/对齐？

html、css、css-float

我正在尝试获取一个导航栏，其中包含一个导航栏，其中包含一个无序列表，以便与页面宽度的右侧对齐。导航本身应该跨越整个宽度(它是横跨整个页面的黑条)，但链接本身应该与内容宽度的右侧对齐，如下所示： } margin: 0 auto; }

浏览 4提问于2010-11-19得票数 0

回答已采纳

1回答

如何防止导航栏下拉菜单与其他内容重叠？

html、css、bootstrap-4、navbar

当我切换导航栏时，它与它后面的内容重叠，我如何才能使其余的内容向下移动以适应下拉列表？我已经给我的身体增加了一个50px的边距。我不知道为什么代码片段显示的标题有点透明。这是这个网站在我的浏览器上的样子： ? ?

浏览 65提问于2020-06-16得票数 1

回答已采纳

2回答

我的页面布局在IE7中中断，如果我将鼠标悬停在菜单项上/打开菜单项，则会自动授权

css、layout、internet-explorer-7、resize

如您所见，如果您转到IE7/AOL中的以下链接，如果您调整窗口大小，布局将中断。但是，单击products menu选项卡，它会自动进行权限设置。我不知道为什么或者如何修复它，而且它看起来很草率。在调整页面大小时，徽标和breadcrumb跟踪div会停留在它们应该在的位置，但我的水平导航菜单和breadcrumb div下面的所有内容最终都会向右移动大约20-30个像素。在刷新页面、更改页面或打开下拉菜单项时，所有这些都会

浏览 2提问于2009-10-06得票数 1

点击加载更多