腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
固定
宽度
的
Flexbox
子项
忽略
宽度
css
、
flexbox
我正在尝试构建一个3列
的
布局,在那里我可以折叠第三列。我
的
想法是简单地为孩子设置一个
固定
的
长度(例如,对于折叠
的
600px或100px ),这似乎不起作用。对我可能做错了什么有什么暗示吗?
浏览 32
提问于2021-11-08
得票数 0
1
回答
带有可折叠元素
的
Flexbox
-防止
宽度
更改
html
、
css
、
flexbox
、
width
我正在使用
flexbox
中
的
公开元素(和)以及另一个元素。有没有什么办法可以强制折叠
的
元素(即)占据与展开
的
元素相同
的
宽度
?目前,当我展开细节时,
宽度
会增加,当我再次折叠它时,
宽度
会减小: ? 下图显示了围绕这两个元素
的
flexbox
: ? 我基本上希望折叠
的
宽度
等于扩展
的
宽度
,最好不要设置任何
固定
的
浏览 32
提问于2021-08-05
得票数 0
1
回答
我如何让flex项目收缩到需要包装,然后扩展以填充新
的
空间?
css
、
flexbox
我有一个
宽度
约为1200px
的
flexbox
父组件,以及几个最小
宽度
约为400px
的
子项
。名义上,屏幕
宽度
在1200以上,并考虑到边距和边框,我每行可以容纳两个
子项
,每个
子项
大约600px宽。随着屏幕
宽度
从大约1200px减小到大约800px,两个
子项
逐渐缩小到大约400px。当屏幕尺寸小于800px时,就会发生换行,这意味着我现在每行都有一个
子项
。我希望这些
子项
浏览 10
提问于2019-03-16
得票数 0
回答已采纳
1
回答
我如何把一个div放在一个从左到右
固定
的
div旁边,同时保持
固定
div
的
宽度
自动?
css
; overflow-y: scroll; background: yellow;请参阅: 但这会将部分内容div隐藏在
固定
div之下,并且在#content上设置任意
宽度
或其他东西将
忽略
#fixed-navigation上
的
自动
宽度
变量。那么,要完成这个看似简单
的
用例,正确
的
CSS方法是什么?(我确实希望
固定
的
导航是
固定
的</e
浏览 1
提问于2015-12-09
得票数 0
1
回答
CSS
Flexbox
问题:为什么我
的
flexchildren
的
宽度
受到其内容
的
影响?
html
、
css
、
flexbox
我
的
flexbox
的
两个孩子都被赋予了一种box-flex: 1
的
样式。我
的
理解是,它们
的
宽度
应该是等于彼此
的
(两者都占据了其父
flexbox
总
宽度
的
50%)。但是当内容被添加到子元素中时,它们
的
宽度
会发生变化(这取决于内容和填充)!这一切为什么要发生?
浏览 33
提问于2011-11-03
得票数 58
回答已采纳
1
回答
如何计算flex项
的
宽度
?以及它
的
子代
的
宽度
是如何影响它
的
?
flexbox
观察: flex项
的
宽度
随
子项
的
宽度
增加。 有问题吗?我确实在某种程度上理解了
flexbox
,但不能理解这种行为 <div class="a"> </div> 假设div已经是一个flex项,并且我显式地设置了p标记
的
宽度
。现在div
的
宽度
自动增加到与p标签相同
的</em
浏览 16
提问于2020-09-16
得票数 1
1
回答
使用表模型
的
Flexbox
行为之间
的
空间
html
、
css
、
css-tables
目前,我正在尝试使用表模型来模拟
flexbox
space-between布局。基本上,我有一个表,它被设置为100%它
的
容器
的
宽度
,单元格有一个
固定
的
像素
宽度
,我希望border-spacing“填充”剩余
的
空间。到目前为止,将表
的
width设置为100%将覆盖单元格
的
固定
宽度
,这不是我想要
的
。这有可能吗?显然,我更愿意使用一个真正
的
f
浏览 0
提问于2015-05-27
得票数 1
回答已采纳
1
回答
为什么当我添加显示: flex时,我
的
图像会消失?
html
、
css
、
sass
我正在尝试使用本教程向我
的
网站添加一个图像滑块:和您创建它所需做
的
事情之一是将幻灯片放在display: flex中,以便它们并排(然后添加javascript以使其工作)。在我
的
网站上,幻灯片应该由一些文本旁边
的
图片组成。然而,当我试图将幻灯片放在display: flex中时,图像就会消失,只剩下文本框相隔。我不知道为什么会这样。当我尝试使用display: grid而不是列数=幻灯片数时,也会发生同样
的
情况。
浏览 9
提问于2022-08-17
得票数 1
2
回答
当容器变成flex容器时图像消失
flexbox
、
gatsby
我有一个用Gatsby版本2制作
的
页面,我想在一个
flexbox
容器中用gatsby-image制作组件。当我在开发工具中查看Gatsby应用
的
CSS样式时,我尝试逐个取消选择属性。当我取消选择position: absolute;属性时,图像会出现,但它
的
大小或位置不正确。我还尝试在容器上设置flex-direction: column;,这会使两个图像中
的
第二个图像出现。但是,我更希望这个值是row。 在图像上设置overflow: visible !
浏览 40
提问于2019-07-08
得票数 12
回答已采纳
2
回答
基于百分比
的
填充打破了我
的
布局
css
、
responsive-design
、
percentage
我正在尝试转换所有的
宽度
和边距和填充百分比,使我正在工作
的
网站响应。我到了头上没有问题,但现在我卡住了。 当我更改li项上
的
填充时,布局会中断。在完整
的
站点上,填充应该是6px,但即使我将填充设置为一个百分比,即使小到0.1%,它也会使其中一个元素下降。该网站不是现场直播,但我包括了一些截图和一些代码。有什么想法吗?
浏览 0
提问于2012-05-14
得票数 2
1
回答
应用程序屏幕不适合设备
android
、
xml
、
eclipse
我在两个选项卡上运行这个应用程序,一个选项卡
的
屏幕大小可以,但在另一个选项卡中,屏幕大小不适合设备,图标也更大。我是一个初学者,有没有办法用下面的方法来解决这个问题呢?这是我
的
一个xml android:
浏览 2
提问于2017-10-17
得票数 0
2
回答
如何制作具有自动
宽度
的
语义html水平定义列表?
html
、
css
、
html-lists
、
flexbox
、
horizontallist
html中
的
语义内联定义列表:<dl> <dd>def. 1</dd> <dd>def. 2</dd>如何仅使用css (无js)和自动调整每列
宽度
在2列中呈现此内容?使用
固定
宽度
或百分比
宽度
很容易,但我没有找到任何自动
宽度</e
浏览 6
提问于2016-09-24
得票数 2
1
回答
CSS
Flexbox
全高列
css
、
flexbox
我试图使用
Flexbox
创建一个简单
的
两列网页,它占据了整个页面的
宽度
和高度。左边
的
列是200px
的
固定
宽度
,而右边
的
列占用剩余
的
空间。到目前为止,我已经: overflow-x: hidden;} min-height: 100%} flex: 0 0 200px
浏览 0
提问于2017-10-16
得票数 0
1
回答
固定
位置元素继承挠性项
的
宽度
css
、
width
、
css-position
、
flexbox
、
fixed
我正在构建一个UI,它需要在视口底部设置一个
固定
位置/粘性元素,其
宽度
受主内容区域
的
约束。主内容区域
的
两侧有
固定
宽度
的
左侧和/或右侧边栏,因此我使用
Flexbox
在主内容上构建带有flex-grow: 1
的
三列结构。我从@Marc在上接受
的
答案中了解到,在
固定
元素上设置width: inherit通常是解决这个问题
的
方法,但它似乎只有当父元素上有指定
宽度
浏览 2
提问于2015-12-17
得票数 4
回答已采纳
2
回答
空格: nowrap和overflow:隐藏在表格单元格内
css
、
html-table
、
overflow
我想在单元格中显示当天
的
事件列表。我希望每个事件显示为两行文本,如果文本比水平空间长,那么文本应该被隐藏。我有一个
宽度
可变
的
表(在我
的
CSS中
的
其他地方,它被设置为其父对象
的
width: 100%; )。这是我
的
jsFiddle: 您可以看到
的
问题是,尽管显式设置了width: 100%;和overflow: hidden;,但.eventSummary和.eventLocation
的
文本强制表扩展,这不是我想要
的
这
浏览 1
提问于2013-02-11
得票数 6
1
回答
将文本添加到div会更改其相邻文本
的
宽度
html
、
css
、
flexbox
class="column1"></div> <div class="column3"></div>类.row是设置为行
的
flexbox
类column1和column2在CSS中设置了
固定
宽度
属性。但是,类column3没有该属性。当我向该容器添加文本时,它改变
浏览 0
提问于2019-10-02
得票数 2
1
回答
当空间填满时,按下DIV
javascript
、
css
、
flexbox
我有3块html: 1.
固定
宽度
菜单按钮2.可变
宽度
标题3.可变
宽度
列表(包含按钮)
浏览 1
提问于2015-08-20
得票数 0
1
回答
弹性容器(方向:列,换行)小于下级
宽度
css
、
flexbox
、
width
、
multiple-columns
、
inline
我有一个简单
的
容器,里面有孩子。multiline content </p> <p> long multiline content </p>子对象是内联
的
,即为其内容
的
宽度
。容器在列中布局
子项
,在达到
固定
高度后将
子项
包装到列中 backgrou
浏览 0
提问于2020-09-17
得票数 1
1
回答
无法
固定
flexbox
框
的
宽度
html
、
css
、
image
、
flexbox
我正在尝试利用
flexbox
--连续三个盒子--但结果是:显然发生
的
事情是:举例说明: 在图5(从
浏览 0
提问于2016-11-19
得票数 2
2
回答
具有
固定
宽度
元素
的
Flexbox
html
、
css
、
flexbox
、
width
我有一个包含在
Flexbox
中
的
金字塔形状
的
图像。只要图像
的
宽度
是
固定
的
,它就可以像预期
的
那样工作。如果我调整屏幕大小(或将其更改为较小
的
分辨率),因为它是
Flexbox
,基本项(较低
的
行)将具有较小
的
空间,并将缩小。理想情况下,我希望有一个基本项目的动态基本大小(屏幕越小,项目将越小),但上面的行上
的
项目大小应该在较低
的
行索引,并具有相同<em
浏览 18
提问于2020-07-27
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Flexbox 布局的最简单表单
前端自适应布局你需要知道的所有事
Web自适应布局你需要知道的所有事儿
Flutter初学者必读的高级布局规则
在前端中,图片水平垂直居中对齐,你知道有几种方法?
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券