腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(807)
视频
沙龙
2
回答
即使
父
元素有
overflow
:
auto
,
Flex
孙子
元素
的
min-width
也
会使
flex
内容
换行
、
我注意到在
flex
孙子
对象上使用
min-width
时出现了一些奇怪
的
情况。 我正在尝试创建一个由侧边菜单和content:[ Side | Content ]组成
的
灵活布局。但是,我希望Content
的
一个子项是可滚动
的
。当我将最小宽度添加到所述
元素
时,
flex
包装,使Content包装在Side下,而不是彼此相邻。我期望发生
的
事情是,由于父母在
孙子
最小宽度>父母
的
组合中使用
浏览 54
提问于2021-09-15
得票数 0
回答已采纳
2
回答
当
flex
项目有滚动条时,防止文本
换行
、
、
、
我想要显示最大高度
的
内容
,但宽度可变。 如果
内容
太高,我希望滚动一个特定
的
子
元素
,而不是整个
内容
。如果我在所述子
元素
上设置了
overflow
-y:
auto
,那么如果出现滚动条,那么如果使用更大
的
宽度(滚动条
的
宽度),子
元素
的
内容
就会自动
换行
。如果设置为
overflow
-y: scroll,则避免了
换行
浏览 0
提问于2016-06-30
得票数 1
2
回答
Flexbox防止边距受到尊重
、
、
、
我很难得到一个柔性盒布局,与利润率和
overflow
: hidden工作。我正在集成
的
旋转木马组件使用此方法进行响应,但一旦将display:
flex
应用于
父
组件,margin和
overflow
: hidden属性就会被忽略,如下例所示。顶部
的
版本不是嵌套在柔性盒中
的
,因为下面的版本是这样
的
,并且不尊重
父
版本
的
边距。下面的代码和这个柱塞演示了这个问题。 margin: 400px; }
浏览 6
提问于2017-05-24
得票数 2
回答已采纳
1
回答
柔性盒:将长文本断开,直到兄弟姐妹放入容器。
、
、
我不知道这些子程序
的
大小,但是我希望.right (包含未知
的
,但有限数量
的
状态图标)不中断,并且适合在线,而.left子(包含可能太长
的
文本
的
标签)中断,以便.right子节点适合。我
也
可以使用word-break: break-all,但这并不会试图将单词包装到下一行(就像word-wrap那样),首先,这是不可取
的
。word-wrap: break-word什么
也
不做。如前所述,我不能在width: calc( 100% - <right-
浏览 1
提问于2018-03-11
得票数 2
回答已采纳
2
回答
如果容器“
flex
- line”设置为“wrap”,如何强制
flex
列保持在同一条线上
、
、
我试图在一个
flex
容器中创建一个一行和两个列
的
布局。这是代码。
浏览 5
提问于2017-06-22
得票数 6
回答已采纳
3
回答
无论
内容
如何,
flex
项
的
限制宽度
、
、
我很难解释我
的
问题,看看body { width: 200px } border: solid 1px black;}
flex
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span> <button> </button>body
浏览 0
提问于2018-01-22
得票数 1
回答已采纳
1
回答
Flex
CSS阻塞底部
内容
、
、
、
我使用以下代码,即div中
的
显示
内容
,但是每当我将数据加载到DIV中时,它就会很好地加载,滚动条就会出现。然而,最后
的
结果总是显示一半。<div style="height:300px;"></div margin-right:
auto
;} #mai
浏览 0
提问于2018-12-09
得票数 4
回答已采纳
2
回答
“柔韧性
、
例如,您不应该在这里看到
父
内容
的
红色,但是您看到了,因为parent: 0 0
auto
正在将
父
内容
的
大小调整到其子
内容
的
自动宽度。但是,您可以清楚地看到,它
的
内容
的
实际宽度是10‘t,那么它
的
自动大小不
也
应该是
父
10’t吗? display:
flex
;
浏览 6
提问于2016-12-08
得票数 1
回答已采纳
4
回答
文本溢出:省略和
flex
、
、
、
我有一个具有display:
flex
属性集
的
容器
元素
。一个孩子有固定宽度(
flex
: 0 0
auto
),另一个没有(
flex
: 1)。灵活
的
孩子还有一些其他
的
孩子:我想让这个容器(inner)根据
父
级
的
宽度来裁剪它
的
子容器。 我设法做到了这一点,但我
也
想得到省略溢出,以防
内容
被剪裁(子级
的
数量不是固定
的
)。到目前为止,这是我
浏览 5
提问于2016-09-13
得票数 18
回答已采纳
2
回答
将弹性
父
轴安装到项目上。
、
在
父
类具有display:
flex
;
flex
-direction: column
的
地方,是否可以使
父
项
的
宽度展开以适应比
父
项更宽
的
弹性项?值得注意
的
是,祖父母做,而不是有display:
flex
,也没有固定
的
宽度。不过它有一个
min-width
: 100%。
浏览 0
提问于2017-11-14
得票数 0
回答已采纳
3
回答
在嵌套
的
柔性箱中不工作
的
文本溢出省略
、
、
、
我有一个用柔性盒创建
的
两列布局。在标题中,我有三列,一个按钮,一些文本和一个按钮。.content {
flex
: 0 1
auto
;
overflow
: hidden;
min-width
: 0;.header .buttons {
浏览 7
提问于2016-10-03
得票数 38
回答已采纳
2
回答
子span单元脱离
父
元素
,挠曲盒/边缘填充问题
、
、
、
我读过关于类似问题
的
文章,但仍然无法让它发挥作用。 align-items: center; display: block; text-
overflow
; justify-content:
flex
-start;
flex
-wrap:nowrap;height:100px; border:1px dotted green;">
浏览 2
提问于2017-09-01
得票数 3
回答已采纳
2
回答
强制水平溢出
、
是否可以使用单个容器div强制
元素
停留在一行(具有水平滚动条)上 为什么内部
的
div落在多行而不是同一行?演示:http://jsfiddle.net/6PupD/61/ 我想要达到与this相同
的
效果,但不使用额外
的
容器。
浏览 3
提问于2014-09-08
得票数 0
2
回答
Flex
:将最大高度应用于子
元素
,同时防止它占用不需要
的
空间。
、
、
我有一个包含两个子
元素
的
flex
容器,共享相同
的
空间(
flex
-grow: 1)。它们每个都有
overflow
:
auto
集。它们看起来是这样
的
:其想法如下: 如果两个子
元素有
足够
的
内容
,则将两个子
元素
保持在
父
元素
的
50%
的
最大高度。但是,如果第一个子程序
的
内容</em
浏览 2
提问于2017-08-08
得票数 2
回答已采纳
2
回答
带有水平滚动条
的
pre/code
元素
破坏了Firefox上
的
flex
布局
、
、
、
在基于柔性盒
的
布局中,我可能有一个<pre><code></code></pre>
元素
(以及其他
元素
)。由于其
内容
可能比容器更宽,所以我将其设置为
overflow
-x:
auto
。它在Chrome上运行得很好:但是它在Firefox上坏了:如果没有硬编码
的
维度,我该如何解决这个问题? padding: 5px;} .m {
浏览 4
提问于2015-03-06
得票数 11
回答已采纳
2
回答
如何在角度材料中水平滚动layout=row内部
、
、
、
、
我正在尝试制作一个带有卡片
的
水平滚动条滑块,因此为了实现这一点,我尝试在其中滚动layout=“行”,并在里面重复ng。ProductController"> <div layout="row"> <div
flex
="33" ng-repeat="y in [1,2,3,4,5,6,7,8,9,10
浏览 2
提问于2017-05-27
得票数 2
回答已采纳
1
回答
在弯曲方向上不同
的
最小宽度渲染:行和挠性方向:列
、
、
我有一个装有display:
flex
和
flex
-direction: row
的
容器。在那个容器中有一个子容器,它也带有display:
flex
,但是有
flex
-direction: column。 margin: 100px;div.
flex
_ctn { display:
浏览 2
提问于2016-11-03
得票数 4
回答已采纳
2
回答
使
元素
在网格部分内滚动。
、
、
我试图在我
的
div内建立一个可滚动
的
区域,就像下面的图像一样。我只希望滚动区域改变高度在不同
的
屏幕高度和滚动相应。问题是,如果可滚动
的
内容
足够大,它将使整个页面滚动。{ padding: 0;} display: grid; height: 100vh; hei
浏览 3
提问于2021-11-28
得票数 1
回答已采纳
1
回答
柔性箱容器
的
文本突破
、
我一直在学习柔性盒
的
布局,并一直无法弄清楚为什么文本没有包装在弹性项目中。文本从容器中挣脱出来如下:body {} max-width: 10em;}.
flex
-row { align-items: center; min-height: 12em;border: 1px solid red; .<
浏览 5
提问于2017-09-27
得票数 6
回答已采纳
2
回答
为什么在div上使用字体大小属性会影响div
的
宽度和高度?
、
、
我有一个固定
的
宽度和高度div
元素
,当字体大小属性应用到它时,宽度/高度会发生变化,为什么?。 我认为字体大小只影响字体大小,而不影响它所在
的
容器。
浏览 3
提问于2017-08-15
得票数 2
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS-常见布局介绍
新手不知道的,前端关于html5入门学习顺序
史上最全Html与CSS布局技巧
Flex 布局教程:语法篇
CSS 布局解决方案
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券