腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(1056)
视频
沙龙
1
回答
如何
防止
位置
:
固定
打
破了
flexbox
对齐
-
内容
?
、
、
、
如何
防止
父容器的position:fixed破坏其justify-content属性?我正在尝试使用
flexbox
创建一个
固定
的菜单栏。
浏览 5
提问于2020-12-19
得票数 0
3
回答
垂直
对齐
:
Flexbox
VS Table/Table-高度未知的元素上的单元格
、
有相当多的元素需要垂直居中的
内容
。但是,由于我没有最终的
内容
(以及将来可以和将要更改的
内容
),所以我不能为这些容器设置
固定
的高度。我花了几分钟的时间试图找出为什么我的元素不能用
flexbox
...until垂直
对齐
,我发现这是因为缺少
固定
的高度。我最近开始越来越多地使用
flexbox
模型,并且真的开始喜欢这些模型,并且宁愿停止使用table/table-cell。现在,我想知道
如何
(或是否)可以使用
flexbox</
浏览 2
提问于2016-01-15
得票数 4
1
回答
防止
内容
在柔性盒模式下溢出滚动
、
、
、
我创建了一个使用
flexbox
的模态,它对小型的modals非常有用。我遇到的问题是,如果模态的
内容
高度太高,它会裁剪模态,而不能滚动到它的顶部或底部。以下是说明这一点的JS Fiddle,要点如下: } background-col
浏览 0
提问于2019-09-05
得票数 0
回答已采纳
1
回答
IE10+11中柔性箱容器中的垂直
对齐
(引导带3)单元
、
、
、
当使用
flexbox
将两个引导列垂直
对齐
时,我对IE10+11有一个问题。问题是,在IE10+11中,柔性盒只适用于特定的高度--而不是最小高度。我尝试了显示表格-单元格,浮动:无,等等,但它打
破了
在引导中的列偏移。 有人知道这个问题的解决办法吗?
浏览 5
提问于2017-02-01
得票数 0
回答已采纳
1
回答
如何
在
Flexbox
对齐
的侧边栏上模拟“position:fixed”行为
、
、
、
、
正如已经回答的(),绝对/
固定
定位的框被从
Flexbox
对齐
元素的正常流中删除。但是,我
如何
至少模拟width: 300px; height: 100vw元素的position: fixed行为呢?这是一个初始布局的演示(),左边是侧边栏,右边是
内容
块。我希望nav的行为像position: fixed元素一样跟随用户的滚动页面。我知道没有
Flexbox
该怎么做。
浏览 1
提问于2015-07-30
得票数 18
回答已采纳
7
回答
如何
在多行
flexbox
中左
对齐
最后一行/行
、
、
我对
flexbox
布局有一个主要的问题。我用一个装满图片的盒子构建了一个容器,我决定使用
flexbox
布局来
对齐
内容
,使其看起来像一个网格。height: 180px; background: red; margin: 0 1% 24px; } 除了最后一行/行之外,所有的元素看起来都很好--当它包含的元素数量与其他行不同时,居中元素,它打
破了
我的网格效果
如何
将最后一行/行与左侧
对齐
?
浏览 4
提问于2013-05-05
得票数 88
2
回答
使用柔性箱
固定
头和边栏,不手动设置偏移距
、
、
我
如何
布局一个页面的头和局外人使用柔性盒,并使他们两个
固定
,而不需要对我的主要
内容
应用静态的页边距,以
防止
它被覆盖?我正在查看,他们使用
flexbox
放置了所有的东西,但是当滚动
内容
div并检查它时,仍然有一个
固定
的标题和局外人,没有偏移,只有普通的柔性盒。
浏览 2
提问于2021-08-20
得票数 0
回答已采纳
5
回答
在不使用浮动的情况下,将两个内联span元素向左和向右
对齐
的最佳方法是什么?
、
使用float属性时,问题是它们不会保持垂直
对齐
。 我想使用类似于text-align属性的东西来精确地
对齐
内联元素。
浏览 190
提问于2017-01-31
得票数 1
回答已采纳
1
回答
背景设置为100vh时
如何
定位
内容
、
我不知道
如何
在这些部分中定位超过30个字符的
内容
。它要么“跳下”到下一部分,要么在页面上运行,而不考虑宽度设置。简而言之,我正在尝试创建一个div,我可以在其中放置不同类型的
内容
(文本块、嵌入的视频/图像,它们将始终位于其父标记的中心。 我认为这个问题是由我定义我的部分的方式造成的。
浏览 1
提问于2018-02-14
得票数 0
1
回答
如何
在已经居中
对齐
的元素周围添加元素?
、
、
我创建了一个表单,其中一些文本元素垂直
对齐
,如下所示:它们使用
flexbox
在页面上水平和垂直居中: display: flex; align-items: center;} 我现在要做的是在第一个文本框的两边添加一些元素的同时,保持这种
对齐
方式(即保持页面上的所有
内容
都已经在原来的
位置
上我尝试将所有
内容
包装在div中,但由于文本框两侧的元
浏览 2
提问于2017-12-01
得票数 0
1
回答
绝对边界半径的IE9夹子
固定
、
这是一个在9中唯一
打
破的JSFiddle。我希望有人已经看到了这一点,并知道
如何
解决它。 正确地为
固定
的elementcorrectly
位置
生成可见性掩码和<
浏览 0
提问于2012-06-10
得票数 1
回答已采纳
1
回答
将bootstrap modal body
内容
更改为可滚动
、
、
我使用过bootstrap,但对
flexbox
css来说还是个新手。模板: <!: auto; .moda
浏览 6
提问于2015-08-18
得票数 1
3
回答
修复流动
内容
问题上的div大小
如果我为
内容
div设置了
固定
的高度,
内容
可能会溢出到div上。但是
固定
的高度是为了
防止
页脚在
内容
较少的页面上漂浮到页面的中间。换句话说,它在那里,所以页脚在每一页上都在相同的
位置
。我该
如何
解决这个问题?
浏览 0
提问于2011-01-25
得票数 0
回答已采纳
3
回答
如何
使用
对齐
-
内容
:空格与
位置
:
固定
?
、
我试图迫使我的页脚在页面底部,同时仍然保留他们之间的分离,但这似乎不合理-
内容
和
位置
:
固定
的工作在一起。 编辑:我已经更新了我的文章,包括当前使用的CSS为这个项目。
浏览 7
提问于2022-03-06
得票数 0
回答已采纳
3
回答
CSS
位置
对齐
、
、
我不明白为什么当我把position改为relative时,"facebook和Facebook帮助你与生活中的人沟通和分享“就在页面的顶端。我刚开始学习css三天。谢谢!<!DOCTYPE html> <link rel="stylesheet" href="henry.css"> <div class="h1"> <h1 class=
浏览 6
提问于2022-06-22
得票数 0
1
回答
具有动态宽度和动态项数的网格
、
、
我正在尝试创建一个网格,我一直在研究使用
Flexbox
和CSS grid的几种解决方案,但是这些解决方案都不适合我,这就是我发布这个的原因。我找到了几种解决方案,例如添加跟踪不可见项目。但这是一个被我们的审查过程所拒绝的解决方案。
如何
实现此布局?编辑:我希望这种行为
浏览 6
提问于2017-11-06
得票数 0
2
回答
如何
将导航栏与html页面的右侧
对齐
?
、
、
我正在尝试将我创建的简单导航栏与HTML页面的右侧
对齐
,但
位置
固定
(根据FreeCodeCamp的要求),这样当我向上或向下滚动时,我总是可以看到它。我已经尝试了各种方法,比如float: right,不同的
flexbox
属性,text-align: right,margin属性……然而,什么都没有起作用,我只是感到沮丧,因为它是如此简单的东西。nav-link">Pricing</a> </nav>
浏览 54
提问于2021-01-28
得票数 0
回答已采纳
2
回答
Html表格将列宽捆绑在一起
、
我有一个
固定
列数的表。我希望其中3个列具有相同的宽度,但我不知道它是什么,因为我不知道另外2个列的宽度。我希望浏览器尽可能地呈现它,并且有一个约束,即我指定的三个列都具有相同的宽度。 <td>Could be short or long</td></table> 我只能通过一个
固定
的百分比来做我想做的事情理想情况下,我想要做的是去掉宽度: 25%,
浏览 1
提问于2016-03-31
得票数 0
2
回答
FullPageJS -
固定
头z-索引隐藏部分的
内容
、
、
、
这意味着区段始终是视口高度的100%,这意味着表格单元格元素中中间不垂直
对齐
的部分中的
内容
将由
固定
元素(例如
固定
导航)隐藏。 我试图得到的确实是一个
固定
的页眉或
固定
的页脚,但没有
固定
元素下的部分,但实际上在
固定
元素的边框停止,以不隐藏该节的
内容
。一种方法是用
固定
元素当前高度的高度注入占位符元素,并将
固定
元素下的占位符元素放置在与当前部分相同的流中,从而限制
固定
元素下的“滑动
浏览 5
提问于2016-02-23
得票数 0
回答已采纳
6
回答
在左
对齐
每一行
内容
的同时,用任意项/列宽度
对齐
网格
内容
。
、
、
它们以容器为中心(注意红色容器左侧和右侧的空白):有时,容器会小于所有项的宽度:当发生这种情况时,我希望末尾的项像下面这样包装到下一行:对我来说非常重要的是,每一行的
内容
必须左
对齐
最初,我尝试用
FlexBox
实现它。在经历了很多挫折和拉毛之后,我了解到这是不可能的,
FlexBox
:,我与特别挣扎的是这个210px魔
浏览 2
提问于2020-06-17
得票数 9
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
给萌新的 Flexbox 简易入门教程
基于 Flexbox和CSS Grid 的高效布局
如何快速学习 CSS Grid 布局-相关资源和教程推荐
Flex 布局教程:语法篇
CSS—总结常用垂直居中方法
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券