腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(1424)
视频
沙龙
1
回答
为什么
'
justify-content
:
space-between
‘
不会
让
导航
栏
移到
右边
?
、
、
我对超文本标记语言和css很陌生,但似乎不能理解
为什么
justify-content
不能正常工作。内联代码块似乎确保了.navbar_wrapper没有100%的宽度,<a>链接元素也没有max-width,所以我不确定
为什么
它们根本没有间隔,或者没有受到header flex容器的影响。 section { width: 100%; padding: 100px;
justify-con
浏览 58
提问于2021-02-01
得票数 0
回答已采纳
4
回答
如何定位:修复了使用flexbox时的
导航
栏
、
从这个布局开始:http://codepen.io/RebelOne/pen/wodbpR .navbar {
justify-content
:
space-between
; 当我将position: fill添加到
导航
栏
时,它会向下折叠,并且
不会
填满包装器的宽度。editors=1100 .navbar {
justify-content
:
space-
浏览 40
提问于2016-11-24
得票数 10
回答已采纳
4
回答
如何将文本移动到页面的右侧
、
、
我试图将
导航
栏
的内容
移到
页面的右侧,但它与
导航
栏
的标题不一致。 float: right; padding: 20px;}
justify-content
:
space-between
; box-shadow: 0 1px 8px #ddd;} <header>
浏览 8
提问于2022-04-23
得票数 1
回答已采纳
2
回答
为什么
导航
栏
固定在顶部时(使用position: fixed )需要width属性?
、
简单小提琴:#navbar { display: flex; align-items: center; /* width: 100%; */position: fixed; 正如你所看到的,宽度没有被应用,但是位置:固定被应用,
浏览 2
提问于2020-08-05
得票数 0
2
回答
flexbox的HTML/CSS
导航
栏
间距问题
、
、
我还没有找到我正在解决的这个确切的问题,所以它是这样的:1.)
导航
栏
应该固定在顶部,这样滚动时它就
不会
消失。 height: 4rem; align-it
浏览 0
提问于2017-11-17
得票数 0
1
回答
如何在不滑动的情况下使
导航
栏
元素加载到位?
、
、
我有一个标题,其中包括一个
导航
部分和一个徽标部分。我希望徽标左对齐,
导航
栏
对齐右。我最初使用float left (用于logo)和float right (用于
导航
栏
)完成此操作,但后来决定对父元素(#header)使用"
justify-content
:
space-between
(这
不会
改变问题的性质。) 使用Chrome加载时的问题是,标题加载时,就好像它从左
右边
缘逐渐向中心扩展一样。我在Firefox中看不到同样的问
浏览 18
提问于2020-05-11
得票数 0
2
回答
试图用flexbox在同一行上显示两个无序列表
、
、
我想要的结果是在左边显示第一个无序列表,在同一行显示最
右边
(结束)的第二个列表。 display: flex; list-style: none;}
justify-content
: flex-start;
justify-content
: flex-end; text-decoration: none;
浏览 0
提问于2018-04-04
得票数 0
回答已采纳
1
回答
列表项目分发与柔性盒-所有被推到
右边
。
、
、
、
我正在尝试创建一个非常基本的
导航
栏
,其中包含一个水平无序列表和flexbox,但是我的列表项被
移到
了
右边
,我不明白
为什么
。.container { flex-flow: row; display: flex;none; background: red; @media all and (max-width: 600px)
浏览 4
提问于2017-03-11
得票数 1
回答已采纳
1
回答
当容器中只有一项时,CSS flex默认结束
我有一个容器,它像
导航
栏
一样使用flex,所以我有使用属性之间空格的left和right项。我的问题是,有时左边的项目是不存在的,我希望正确的项目仍然留在
右边
。Stay on left Stay on right</div> display: flex;} 当我移除
浏览 1
提问于2021-06-01
得票数 0
2
回答
创建一个flexbox
导航
栏
,中间有一个徽标,左右两边都有列表项
、
、
:
space-between
; display: flex;} display: flex; width: 120px; display: flex; display: flex;} 因此,基本上,中间的徽标永远
不会
完全居中。
右边</
浏览 31
提问于2020-03-07
得票数 0
3
回答
将徽标与
导航
条对齐
、
、
我试图创建一个
导航
栏
,其中包含一个标志和一些标签。 display: flex; align-items: center;} list-style-type: none; width: 100%; <em
浏览 5
提问于2022-01-28
得票数 2
1
回答
制作响应
导航
栏
,内容位于左、中、右
、
、
我正在尝试创建一个
导航
栏
,其内容位于
导航
栏
的左、中和右。所有这些同时确保
导航
条仍然响应。当页面最小化时,下拉菜单就会弹出。此外,我被禁止使用鞋带(作业)。</p> 所以我想要实现的是在
导航
栏
最左边的“家”,
导航
栏
中央的“新闻”,“内容”,最后。
导航
栏
最
右边
的“关于”。我希望酒吧有所有提到,同时仍然保持响应功能与菜单时,最
浏览 2
提问于2019-07-17
得票数 0
1
回答
如何获得引导v4alpha6
导航
列表以证明正确?
、
按照的说法,我正在尝试
让
flex说明类将
导航
栏
的内容放在
右边
,如下所示:检查项目显示is上有
justify-content
为什么
不呢?
浏览 2
提问于2017-01-22
得票数 1
回答已采纳
3
回答
调整内容:间隔与弹性增长以对齐内容。
、
、
我有一个顶部的水平
导航
,我使用css柔性盒规则来控制间距。我希望菜单中的第一项与左边对齐,最后一项与
右边
对齐,其余项目之间的间距相等。我举了一个例子,说明我试图在上做什么。我也把这段代码放在下面。:
space-between
;.container ul#nav li { -webkit-flex: 2
浏览 6
提问于2014-10-08
得票数 3
回答已采纳
2
回答
无法使柔性端正常工作
、
、
考虑一下基本的引导
导航
栏
标记: <div class="navbar-brand-left"> </div> 在这里,我希望brand-img和brand logos彼此靠在左边,phone1和phone2保持在
右
浏览 8
提问于2017-01-12
得票数 2
回答已采纳
1
回答
修复了带有标题的侧边
栏
。尚未找到解决方案
、
我想要一个固定的侧边
栏
,标题完全宽度,直到它到达侧边
栏
(或至少,按钮等不应该通过我的侧边
栏
) 我的设计,
右边
的侧边
栏
是:https://i.gyazo.com/eaf28c70587ad014777f065c524c4a92:
space-between
; z-index: 10; color: #fdfdfd; ` 侧边
栏
height:
浏览 32
提问于2021-07-16
得票数 0
回答已采纳
2
回答
导航
中的空格
、
、
、
所以我制作了一个
导航
栏
,并使用了一个空格来表示我的对齐内容。但它们似乎过于分散。有没有办法
让
它不那么分散呢?或者甚至把它从页面的末尾推开。下面是我的代码: #navbar { display: flex; border
浏览 15
提问于2020-12-02
得票数 0
2
回答
overflow:hidden会使其成为块级元素吗?
、
我正在尝试制作水平
导航
栏
。 For ul我已经将overflow:设置为隐藏。对于li,我放入了float:left。我在水平
导航
栏
下面有一些段落。当我删除"overflow:hidden“时,段落就会
移到
水平
导航
栏
的
右边
。我不明白
为什么
。有没有人能给我解释一下?
浏览 1
提问于2016-07-05
得票数 0
3
回答
聊天web应用程序: div位置内的挠性框:固定
、
、
我有一个聊天网页应用程序的底部
栏
包括:按钮,文字条目,按钮: <div class="button-left"> position: fixed; height: 40px;} 我想要达到的目标是:(1)把左边的按钮放在底部
栏
的左边,(2)把
右边
的按钮放在底部
栏
的<em
浏览 1
提问于2017-12-08
得票数 0
回答已采纳
3
回答
使用浮动将元素放在带有CSS的右侧
、
我正在尝试做一个
导航
栏
,在页面的
右边
贴上一个联系按钮。我希望contact与
导航
栏
的其他元素对齐,但是当我添加float: right;时,它只会使
导航
栏
不对齐,并且
不会
将contact
移到
右侧。
浏览 65
提问于2018-07-10
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
基于 Flexbox和CSS Grid 的高效布局
给萌新的 Flexbox 简易入门教程
CSS3 Flexbox布局
广艺舟 淘宝店铺导航栏装修步骤详解
小鹅通:PC店铺装修能力全新大升级!
热门
标签
更多标签
云服务器
ICP备案
云直播
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券