我的导航栏垂直堆叠在手机上。我想让它在一条线上是水平的。
要解决导航栏在手机上垂直堆叠而不是水平显示的问题，通常涉及到响应式设计和CSS布局的使用。以下是一些基础概念、优势、类型、应用场景以及解决方案：
基础概念
- 响应式设计：一种网页设计方法论，使得网页能够对不同设备和屏幕尺寸做出响应。
- CSS布局：使用CSS来控制网页元素的布局，包括盒模型、浮动、定位、Flexbox和Grid等。
优势
- 用户体验：良好的响应式设计可以提供更好的用户体验，因为内容会根据设备的屏幕大小自动调整。
- 维护成本：一个响应式的网站比多个为不同设备设计的网站更容易维护。
类型
- 固定布局：元素的大小和位置是固定的，不随屏幕尺寸变化。
- 流式布局：元素的大小会根据浏览器窗口的大小而改变。
- 弹性布局：使用百分比定义宽度，使元素能够伸缩适应不同的屏幕尺寸。
- 网格布局：使用网格系统来创建复杂的布局。
应用场景
- 移动优先设计：先为小屏幕设计，然后逐步增加更复杂的布局以适应更大的屏幕。
- 多设备兼容性：确保网站在不同设备上都能正常工作。
解决方案
要让导航栏在手机上水平显示，可以使用Flexbox或Grid布局。以下是一个使用Flexbox的示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Responsive Navbar</title>
<style>
.navbar {
display: flex; /* 使用Flexbox布局 */
justify-content: space-around; /* 水平居中分布 */
align-items: center; /* 垂直居中对齐 */
background-color: #333;
padding: 10px;
}
.navbar a {
color: white;
text-align: center;
padding: 14px 20px;
text-decoration: none;
font-size: 17px;
}
@media screen and (max-width: 600px) {
.navbar a {
flex: 1 1 100%; /* 在小屏幕上每个导航项占满一行 */
text-align: center;
}
}
</style>
</head>
<body>
<div class="navbar">
<a href="#home">Home</a>
<a href="#services">Services</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</div>
</body>
</html>解释
display: flex;：将.navbar设置为Flexbox容器。justify-content: space-around;：水平方向上均匀分布导航项。align-items: center;：垂直方向上居中对齐导航项。@media screen and (max-width: 600px)：当屏幕宽度小于600px时，每个导航项会堆叠成垂直布局。
通过这种方式，你可以确保导航栏在小屏幕设备上垂直堆叠，在大屏幕设备上水平显示。
相关·内容
我在这里有一个肚脐，看上去像我希望它在桌面上的样子。
然而，在手机上，我不想把搜索框放在另一条线上。我想要它，这样它就会显示在同一条线上。我希望搜索框出现在Calcs品牌名称的右边。
我如何在移动视图中同时获得导航条-品牌和导航条的形式？
浏览 1提问于2015-10-22得票数 0
回答已采纳
1回答
我正在使用创建一个动态网站。到目前为止，一切都很顺利。当我碰到断点时，它优雅地过渡到它的移动对口点。然而，我注意到，当我在我的手机上测试这一点时，这个网站比我手机的观看面积大得多，尽管它使用的是正确的移动网格。
以下是两种形式的布局的两个屏幕截图，从我的桌面上查看
然而，当我在我的手机上查看时，你必须水平滚动来查看整个事情。我试图通过使用
<meta name="viewport" content="width=device-width, initial-scale=1">
这也是我想要的。我以为我解决了我的问题。直到我在手机上看到它的水平模式。
浏览 1提问于2014-03-14得票数 0
回答已采纳
1回答
这是我的代码，它在桌面屏幕上是水平的，在手机上它是垂直的，x按钮(Closebtn)只显示在手机上并关闭菜单栏。在将页面调整为桌面大小后，如何再次自动显示它？
function oty() {
document.getElementById("tab").style.display = "none";
}
<div class="icon-bar" id="tab">
<button class="closebtn" onclick="oty()">X</b
浏览 6提问于2021-08-08得票数 1
回答已采纳
1回答
在下面的引导程序3代码中，导航条将在iPhone中垂直包装。如何防止垂直堆叠。我希望它在一条线的底部保持水平。
<div class="navbar navbar-default navbar-fixed-bottom">
<div class="navbar-header">
<a class="navbar-brand" href="#">Ny Title</a>
</div>
<ul class="nav nav
浏览 1提问于2015-09-19得票数 0
回答已采纳
4回答
我在中创建了一个底部导航栏(脚注)，以包含一些社交媒体链接：
有一个断点，无序列表项(li)将垂直堆叠，而不是水平堆叠：
我可以看到这种行为对于使用带标题的导航条是可取的(我在我的顶部导航栏上使用它)，但是由于我只是使用这个底部的图标，所以我不希望它们垂直堆叠，因为它们有足够的宽度水平地排列到移动屏幕上。
我如何才能在我的底部肚脐上禁用这种行为？
我还想知道，当设备的宽度小于电话号码和社交媒体图标的宽度时，我左边导航项中的电话号码和图标是否会消失。
引导版本为3.3.2。
更新：这是一把小提琴
浏览 3提问于2015-02-22得票数 4
回答已采纳
3回答
我试图复制Google HomePage(这是我的第一个项目)，我有一些问题：
我的导航栏位置很好(右上)，但是我如何才能将Google徽标+搜索栏放在那个位置呢？我试着在中间放置垂直和水平，但不工作。
如何使搜索栏的宽度与徽标的宽度相等？
为什么我不使用浮动，我的“谷歌搜索”和“我感到幸运”按钮不在同一条线上？
浏览 5提问于2014-06-16得票数 0
回答已采纳
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
.navhome {
padding-right: 50px;
}
.navbar {
text-align: center;
}
.container-fluid {
display: inline-block;
}
<nav class="navbar navbar-inverse navbar-fixed-top">
<div c
浏览 2提问于2017-07-01得票数 1
回答已采纳
假设我有一个标准的bootstrap导航栏，它在手机上崩溃了。目前，桌面导航栏中的所有内容都显示在移动设备上。我怎么才能让“联系我们”只出现在手机上，而不是桌面导航栏上？
谢谢
浏览 14提问于2018-08-01得票数 0
我试图在所有设备上共享导航条，但我希望它在小屏幕上的格式与在大屏幕上的格式不同。我是新手，所以这可能是显而易见的，但是我很难用一组代码正确地处理菜单，而不是尝试用不同的行和col*设置来实现它。
，我其实想要两样东西。我希望输赢是在同一条线上(这是接近没有肚脐右)，除非他们甚至不是在垂直位置。编辑:我可以纠正当移除肚脐-右等.，但不能得到肚脐-权利时，菜单是浓缩的。
其次，我想要肚脐-右，所以当一个小显示器，所有的徽章对齐在右边的菜单。
有没有办法使菜单更小，所以在平板电脑上，它不是屏幕的全部宽度，而在手机上可能是这样？
当导航条通常抽签时，我希望标签旁边的徽章能使菜单项更小/更接近。只有在下
浏览 2提问于2014-03-27得票数 0
回答已采纳
2回答
我需要知道导航栏是水平的(在屏幕底部)还是垂直的(在屏幕的右侧)。
现在我正在使用这个代码来获取高度，但它返回48dp，即使在横向(有一个垂直导航栏)的手机上也是如此：
public int getNavigationBarHeight() {
int resourceId = getResources().getIdentifier("navigation_bar_height_landscape", "dimen", "android");
if (resourceId > 0) {
return ge
浏览 0提问于2014-03-18得票数 0
1回答
我有一个大小为1的gwt引导列，这个列有包含几个导航链接的导航选项卡，如<b:Column size="1" ui:field="stackedTabColumn"> <b:NavTabs stacked="true" ui:field="stackedTabs"> <b:NavLink ui:field="projectsLink">Projects </b:NavLink>
我想在手机和ip
浏览 1提问于2013-07-17得票数 0
已尝试按照文档中的建议创建垂直导航栏
const navInstance = (
<Nav bsStyle="pills" stacked activeKey={1} onSelect={handleSelect}>
<NavItem eventKey={1} href="/home">
NavItem 1 content
</NavItem>
<NavItem eventKey={2} title="Item">
浏览 0提问于2018-01-19得票数 0
1回答
我正在对导航栏使用Materialize。我正在尝试将导航栏折叠成移动设备上的侧边栏，如所示。它确实会折叠成一个侧边菜单，但导航栏在移动设备上太小了，如所示。如何让导航栏变得更窄更高，让它在手机上更好用？我也在Meteor中使用materialize:materialize包，如果相关的话。
浏览 2提问于2016-06-05得票数 0
我正在使用这个例子：当我把我的BrowserWindow变小时，盒子开始变小，但是当我达到990px的最小宽度时，单个产品就会排列在从我的开始宽度开始的4个区块中。是否可以在最大宽度: 990px的屏幕上只显示一个产品？因为它看起来不像现在这样好。对不起，I#m是全新的，我不知道如何为我的想法设置旋转木马。非常感谢你的帮助！
更新:这是我的小提琴：
`http://jsfiddle.net/bGwXd/`
当你在我的小提琴中放大结果块时，你会看到开始视图，在一条水平线上有4个产品。当你把它变小时，在一条垂直线上有4个产品。现在我只想要一个产品在我的垂直线上用于左导航和右导航。
浏览 1提问于2014-07-20得票数 0
2回答
我正在创建一个简单的带有<ul>的导航栏，并试图使<li>项目堆叠水平而不是垂直。我将display:inline代码放在我的css中，但是列表项仍然是垂直的。任何帮助都将不胜感激！
<div id="nav">
<ul>
<li> Home </li>
<li> Farm Park </li>
<li> Cafe </li>
<li> Goods </li>
浏览 0提问于2015-10-28得票数 1
我正在考虑使用auto-animate和2个幻灯片制作动画。 动画由5个图像组成。 使用<image>将图像堆叠在水平线上。使用div将它们垂直堆叠。 我想在第二张幻灯片上安排一个对角线上的图像。 对我来说，最好的方法是自由地定位图像，但我不知道怎么做:(？
浏览 20提问于2020-11-19得票数 1
我试图创建一个算法来确定平面上是否有一条水平的或垂直的线，这样对于这个地方上的每一点，它要么是在垂直线上，要么是在水平线上，或者是两条线上。该算法只需序贯，并返回真或假。
我知道需要做什么，即我需要检查每个点的位置，但我不知道如何检查它是否在一条线上。有什么想法吗？
提前谢谢！！
浏览 0提问于2014-12-10得票数 0
回答已采纳
我有一个使用响应性骨架CSS框架()构建的站点，但是当以纵向模式在手机上查看时，会自动调整三列，这样框就会垂直堆叠，而不是全部放在一行上。这在一般情况下是很好的，但是在一个特定的情况下，当这些框的内容非常少时，我需要它们保持水平--都在一行/一行上。我看不到css文件中的任何地方，但这是可调的？！
浏览 9提问于2022-11-17得票数 0
1回答
我使用HTML5、javascript和phonegap创建了一个安卓应用程序。我拿到最后一笔了。但是当我在手机上安装apk并打开它时，它会在垂直模式下打开。但我想让它在水平模式下打开。我怎么能这么做？
浏览 3提问于2014-11-03得票数 0
回答已采纳
我正在试着让三张牌在Bootstrap中以某种方式运行。 所有三张卡水平堆叠在笔记本电脑视图和更高(col lg-4)。这可以很好地工作。 在iPad视图中，前两张牌水平堆叠在一起，而最后一张牌在它们下面垂直堆叠(前两张牌使用col md-6，最后一张牌使用col md-12)。这也可以很好地工作。 由于我没有声明移动端的行为，我希望所有三张卡都能在小屏幕上自动垂直堆叠(移动端及以下)，但事实并非如此。前两种方法对于移动设备和更小的屏幕，每种方法只需要6个协议。 我尝试将默认的col类添加到前两个类中，但它们不能很好地工作。 <div class="col col-
浏览 13提问于2019-05-27得票数 1
回答已采纳
2回答
我有一个小部件组件，可以动态生成顶级照片贡献者的列表。通常它在侧边栏中，所以它将前三名照片贡献者堆叠在一起，每个贡献者都有三张照片。其布局类似于以3x3网格显示其内容的其他照片小部件。
有时小部件可能显示在主列中，因此为了使小部件易于适应更大的空间，我将display属性设置为inline-block。这样，它们就可以在侧边栏上垂直堆叠，在主栏上水平堆叠。但是，当水平布局时，我希望各个贡献者之间有分隔，所以我添加了10px的右边距。
到目前为止CSS -
div {
display: inline-block;
margin-right: 10px;
}
这就是问题所在--当我加入10
浏览 4提问于2015-02-25得票数 1
1回答
我有一个基本的列表，基于水平导航栏和一切工作良好。但我已经到了一个地步，我有如此多的导航项目，我需要链接文本流到多行。
请参阅代码页和css下面看看我现在有什么。
问题是有些链接只是单字，所以只需要在一条线上。这些链接与多条线上的链接垂直对齐。(见链接)
请有人帮我解决这个问题，这样所有的链接都垂直排列在中间。
谢谢
-
-
<ul class="group">
<li><a href="#">This is<br />a Link</a></li>
<li><
浏览 1提问于2013-11-08得票数 3
1回答
现在，我可以让列表水平地或垂直地排列，但我想做的是，两者都有，我可以有一条水平线和一些垂直堆叠的列表。
这个是可能的吗？
浏览 0提问于2014-08-23得票数 4
1回答
加载页面时折叠导航栏
、、、
我已经在我的页面上添加了导航栏按钮。问题是，当我第一次加载我的页面时，默认情况下导航栏是展开的。下面是我的代码。
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-main"
aria-controls="navbar-collapse-main" aria-expanded="true" aria-label="to
浏览 1提问于2021-07-28得票数 2
1回答
我想在Matlab中在同时的水平线上画一条垂直线，并显示垂直线与水平线相交的坐标。我在这里给出一个图形，我想写一段代码，让它先画一条线，然后自动显示交点上的坐标。
浏览 2提问于2017-05-23得票数 0
我正在手动使我的博客主题响应，到目前为止，它已经可以了。我仅有的3个问题是标题、html小部件和导航条。
我的标题是桌面上的全屏。我在桌面上观察到其他博客的标题都是全尺寸的。移动版本显示了一个不同的标题-嗯，一个放大版本的标题，我想。我是否可以输入一个.mobile html代码，使标题看起来不一样，或者可能有一个单独的完全用于移动的标题？
桌面上的HTML，如About Me小部件、Twitter小部件、Instagram小部件等，通常都可以在桌面的侧边栏上找到。在手机上，我希望当你向下滚动到最后一部分时，我的HTML小部件会出现在底部，在所有的帖子下面。我看到其他博客也在做同样的事
浏览 3提问于2017-07-29得票数 0
我正在使用带固定位置的引导导航栏。 <nav class="navbar navbar-light fixed-top background-00" style="border-bottom: 1px solid rgb(247, 247, 247);height: 65px;"></nav> 它在响应模式下工作得很好。 现在，当我在chrome & scroll中启用移动视图时，导航栏被隐藏了一半。 如何让它也固定在手机上？ ? ?
浏览 24提问于2019-07-01得票数 0
1回答
使用snapsvg.io，我假设有4条一定长度的垂直线位于盒子的下方，在盒子的x轴上均匀分布。
我不确定如何做的是，将这些垂直线中的每一条，并添加一个文本标签到每一条线上，这些线均匀地堆叠在每一条线上，但在一定的高度，并以45度的角度显示，以便使文本在每一条垂直线上，从最左边到最右边可读。
每个文本标签的高度，第一个标签位于最左侧垂直线的底部，角度为45度，依此类推，跨过下一条垂直线，位于不同的高度位置，角度为45度等。
我有以下内容，但我不相信语法是正确的。
var text = s.text(100, 100, 'Vert-Line-1');
text.attr({
浏览 1提问于2016-05-30得票数 0
我用的是自带3.3.4。我需要在导航栏中的链接的背景(一旦它在断点崩溃)是大约50%的透明度，以便它不涵盖其背后的内容。现在，当我点击“菜单”时，一个大块的链接垂直堆叠下来，覆盖它后面的任何东西。
浏览 1提问于2015-06-13得票数 1
回答已采纳
在bootstrap中，我在桌面上有四个水平交叉的图像。在移动设备上，我希望这些图像垂直堆叠(他们确实是这样做的)。唯一的问题是，当图像在移动设备上垂直堆叠时，图像之间没有垂直间距。有没有一个bootstrap风格，我可以添加，以便它是垂直堆叠在手机上？
下面是我的bootply：
下面是我的代码：
<div class="container">
<div class="row">
<h2 class="section-heading">How it Works</h2>
浏览 1提问于2016-02-27得票数 1
我想在一行中拖动一个对象。我已经知道如何在水平线或垂直线上执行此操作。
我是这样做的：
private var handle:Sprite;
private function init():void
{
handle = new Sprite();
handle.mouseChildren = false;
handle.buttonMode = true;
handle.graphics.beginFill(0xFF0000);
handle.graphics.drawCircle(0, 0, 5);
handle.addEventList
浏览 0提问于2011-05-10得票数 3
回答已采纳
无线电组总是垂直列在资料用户界面中。有没有办法使它们水平对齐？所有单选按钮都在一条水平线上。
浏览 0提问于2015-11-12得票数 50
回答已采纳
我试图定位一个内联形式和导航条品牌相邻(水平)在一个引导4肚脐栏，但他们是垂直堆叠。
我使用的代码如下：
<nav class="navbar navbar-light bg-faded">
<h1 class="navbar-brand">MyBrand</h1>
<form class="form-inline">
<button class="btn btn-sm btn-outline-success" type="button"&g
浏览 3提问于2017-02-27得票数 1
回答已采纳
我在一个VIEWDIDLOAD method.Im中以编程的方式将一堆堆栈视图(水平)添加到垂直堆栈视图中，在几乎10个屏幕中添加了这一点，但是当导航到相应的屏幕时，加载几乎需要30秒，并且在某些时候，导航会花费太多时间，导致应用程序崩溃。
下面是我用来添加视图的视图层次结构。
垂直堆叠视图-->水平堆叠视图(视图1+视图2+视图3+-取决于最多7个视图)
在上面的层次结构中，我将多个视图添加到水平堆栈视图中，最后添加到垂直堆栈视图中，它可以遍历100或1500。
请帮助我解决这个问题，以增加应用程序加载时间和应用程序崩溃问题...
浏览 2提问于2017-04-30得票数 0
我在水平堆叠面板中的垂直堆叠面板中有一个文本块(想想Facebook - Horz堆叠面板在左侧有一张图片，在右侧有一个垂直堆叠面板，上面有一个名称和一条消息)。
消息的文本块不会换行，除非我给它加上宽度(否则我猜它不会意识到它在页面的边缘，文本就一直在页面的右边)。如果我在文本块上设置了静态宽度，文本就会正确换行。
我的问题是，我不想要静态宽度，因为我相信不同的手机会有不同的像素宽度，而且我想在以后添加对横向和纵向的支持。
既然width=Auto不工作，我怎么能告诉我的文本块只适合页面，而不给它一个静态宽度呢？
谢谢!
浏览 1提问于2012-06-21得票数 1
回答已采纳
我已经开始使用vim有一段时间了，我一直用右手在“主行”上跳。随着我学习到更多关于高效导航的知识，使用"f，t“和"F，T”成为我最喜欢的在行内导航的方法，即水平导航。它是如此方便，以至于我开始考虑“硬核心的vim”模式，在这种模式下，荷马导航被完全关闭。
我的问题是，在“硬核vim”模式下，高精度的垂直导航方法是什么？向上移动一条线向下移动一条线。在不知道或不关心行号的情况下，将光标准确地定位在一条线上的键笔画很少。
谢谢!
我确实知道每一段的移动，包括括号，但不知何故，我忽略了水平导航所具有的精确性。
经过一些研究后：
on 似乎非常接近我的要求。虽然接受的答案不太适合我
浏览 6提问于2016-04-12得票数 3
因此，我一直在尝试找到一种方法，如何将鼠标悬停在图像上，并将其过渡到另一幅图像上。我遇到了一个解决方案，除了一件事之外，所有的都能完美地工作。所有的图像都堆叠在一起。
我是在这里学的
如何让它们在line?>中，我希望它在一条水平线上。
谢谢
浏览 0提问于2013-06-16得票数 0
回答已采纳
1回答
我正在实现一个固定的垂直菜单。它在桌面上工作得很好，在移动设备(IOS，Android)上看起来也很棒.只要你不放大页面。当您在移动设备上缩放时，固定元素开始覆盖其他页面内容(因为它是固定在视口上的某个位置)。
但我要找的是一个只垂直固定的导航条。因此，如果您放大并水平滚动，导航栏将不覆盖内容。有办法这样做吗？
浏览 3提问于2015-09-22得票数 4
5回答
我想为桌面计算机创建一个应用程序。
我想使用JQuery手机的力量。
但是默认情况下，JQuery会在一行中添加每个控件。它在手机上看起来很漂亮，如下所示：
但在大屏幕上它将是丑陋的：
我的问题是：有没有办法设计JQuery移动多列风格的应用程序？
和如何使用JQuery移动创建水平滚动应用程序？(我的意思是，就像windows 8中没有垂直滚动页面的地铁应用程序一样)。在页面中有水平滚动)
浏览 4提问于2012-06-28得票数 9
回答已采纳
我正在使用ActionBar
final ActionBar actionBar = getActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
水平模式工作得很好，但在垂直方向上，单独的栏(称为“堆叠操作栏”)无法工作，其行为类似于NAVIGATION_MODE_LIST。
浏览 0提问于2013-04-15得票数 2
回答已采纳
2回答
我试图在一个有导航条的应用程序的屏幕中间画一条水平线。下面是我的当前代码：
CGFloat screenWidth = self.view.frame.size.width;
CGFloat screenHeight = self.view.frame.size.height;
CGFloat navigationBarHeight = self.navigationController.navigationBar.frame.size.height;
CGFloat lineThickness = 3;
UIView *horizontalLine = [[UIView alloc] in
浏览 1提问于2015-01-17得票数 0
回答已采纳
1回答
是否有相当于靴带卷轴间谍的颤振？
、、、、
我正在寻找一个颤振包，它相当于Bootstrap的卷轴间谍：
预期的功能是有一个垂直滚动的项目列表，上面有一个粘性的水平滚动“header/navbar”菜单。当用户在垂直列表中滚动并到达一个新的“区段”时，通过突出显示导航栏中的“节名”，并在必要时滚动到它，这将反映在水平导航栏中。当用户按下水平导航栏中的节名时，它应该滚动到垂直列表中该节的开头。
例如：
!!!Section2!!! Section3 Section4
!!!Section2!!!
Item3
Item4
Section3
Item1
Item2
Section4
Item5
Item6
浏览 1提问于2021-02-28得票数 2
回答已采纳
我有一个导航栏，在桌面上是打开的，在移动设备上是折叠的。我可以在手机上点击NavbarToggler来打开导航栏。当我点击移动设备上的NavLink时，我希望导航栏再次折叠。我为Navlink添加了一个onclick()切换功能，它在移动设备上运行良好，但现在桌面上的导航栏将会折叠，并在我单击导航链接时立即再次打开。有没有办法在桌面上始终打开导航栏，并在移动设备上单击NavLink时将其折叠？ const [isOpen, setIsOpen] = useState(false);
const toggle = () => setIsOpen(!isOpen);
<Navbar
浏览 28提问于2020-09-14得票数 1
回答已采纳
我的页面顶部有一个标准的水平导航菜单。为了使其响应，我将布局更改为屏幕上小于908px的垂直大小，并使用JQuery的切换函数在小屏幕上按一个“菜单”按钮显示/隐藏水平菜单。它在任何地方都能发挥很大的作用，除非我手动调整浏览器窗口的大小，当切换关闭时，导航更改为水平，但不隐藏。菜单栏仍然设置为display:none。
网站是
这是我使用的jQuery代码：
jQuery('a.btn-navbar').click(function() {
jQuery('.nav-collapse').toggle('slow', functi
浏览 0提问于2013-09-13得票数 0
回答已采纳
2回答
我的导航栏可以在正常大小的页面/屏幕上正常工作。无论是在手机上还是在较小的屏幕上，它都会去掉导航栏的黑色背景，保留列表内容。使它们看不见，并出现一个水平滚动条，看起来什么都没有。
错误预览：
我在html中的代码只是一个列表，在css基本样式中，位置是边距: 0；宽度: 1920px；
我试过将其设置为100%，但它只是强制将导航栏文本放在图像上，而不是延伸黑条。我刚刚使用了100%的最大宽度的图片，它工作得很好。
我能找到的所有教程都使用boost strap，我不使用boost strap，因为这是一个实践学校作业，期末考试不允许使用bootstrap
浏览 0提问于2017-08-31得票数 0
1回答
绝对中心登录表单隐藏引导程序3
、、、、
我正在创建一个登录表单，并尝试将容器居中(水平和垂直)。
它在台式机和大屏幕平板电脑上运行良好-登录容器完美地位于中心，背景图像显示得恰到好处。
然而，在手机上，在纵向视图中，背景图片是不可见的，在横向视图中，我无法向下滚动来填写登录表单，因为它被切掉了。
我试过摆弄大小设置，但它仍然不想工作！下面是Bootply示例：
浏览 1提问于2014-06-04得票数 1
我需要在JTextPane中插入多个JButtons。它是通过insertComponent()方法完成的。但有一个问题，组件在一条线上，JScrollPane既不能垂直滚动，也不能水平滚动(不过我只想垂直滚动)。我该怎么办？
浏览 2提问于2013-01-21得票数 0
回答已采纳
2回答
我有一个水平溢出的导航栏，我可以用手指在手机上左右滚动。我还可以向左/向右滑动主查看区域，以更改所选的导航项目。当我这样做的时候，如果导航项目不在视图中，你就不能看到它，除非你滚动。
如果使用类.active选择了导航项目，是否可以将其显示在视图中
/* The main container */
.container .categories {
overflow: hidden;
overflow-x: scroll;
white-space: nowrap;
position: fixed;
line-height: 20px;
z-inde
浏览 2提问于2016-09-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
