腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
CSS
Flex
-
如果
内容
更宽
,
可以
切
换到
行
的
列
?
css
、
layout
、
flexbox
我正在尝试实现以下布局: <Column 1, 50%> <Column 2, 50%>
列
2可能有更长
的
内容
,这取决于某些条件,在这种情况下,它现在应该被推到第二
行
,并采用100%
的
宽度。<Row 1 (was Column 1), 100%> <Row 2 (was Column 2), 100%> 现在我被困在等宽
的
栏目中,随着
更宽
的
内容
,第二栏垂直增长。
浏览 23
提问于2020-01-30
得票数 1
1
回答
按钮自动宽度每个
内容
,但按步骤对齐页网格
css
、
flexbox
、
css-grid
我想实现页面网格相关
的
宽度按钮,使他们有准自动宽度取决于
内容
,但与一定
的
宽度步骤,按钮宽度总是采取N个页面网格
列
数。当按钮
内容
变得太宽以至于无法在单个网格
列
中呈现按钮时,它将变成2
列
宽(
如果
需要的话甚至
更宽
).此图像显示了如何根据网格调整按钮大小
的
示例:第一
行
显示超过单列宽度(实际上超过两
列
)
的
第二个按钮,因此应该跨越页网格中
的
3<e
浏览 2
提问于2018-06-20
得票数 0
2
回答
WPF DataGrid
列
宽自动和滚动条
wpf
、
xaml
、
user-interface
、
width
我有一个有很多
列
的
DataGrid。 我想Width="Auto"滚动条显示一
切
,
如果
窗口比所有
列
都窄。
如果
窗口
更宽
,我希望
列
跨越空白空间,这样就没有死区。基本上,我希望
列
的
最小宽度完全适合
内容
或标题。
如果
窗口
更宽
,则扩展到更大。
浏览 1
提问于2012-11-30
得票数 17
回答已采纳
2
回答
我怎样才能停止我
的
网站滚动水平,而不是让它包装到一个新
的
线?
html
、
css
、
scroll
谢谢你解决这个问题,这可能是一个重复,但我对此并不陌生,我想知道如何在我
的
站点上停止这个水平滚动,这里有一个链接到它作为一个代码依赖
的
和它在github 上,正如我已经提到
的
,我正在努力让水平滚动停止,我宁愿它包装到一个新
的
行
上,而不是让它滚动到一个空白,这里是一个问题感谢导航条形码,因为这是引起问题
的
原因。
浏览 3
提问于2022-04-24
得票数 1
回答已采纳
5
回答
是否有可能创建一个html表来流
列
或
行
并相应地将其包装在
CSS
中?
html
、
css
、
flexbox
我在想,
如果
没有Javascript,下面的
内容
是否可能出现。假设我有下一个表(它将项目包装到下一
行
,左转右)。01 02 03 0409 10 11 1202 06 1004 08 12 理想情况下,我希望能够以声明
的
方式指定元素
的
数量,比如我
可以
指定元素
的</
浏览 0
提问于2016-08-31
得票数 0
回答已采纳
1
回答
悬停增加宽度
的
CSS
两
列
布局
html
、
css
我想有两
列
(都是流体)
的
行
,当我在其中一个
列
中悬停一个元素时,它将通过水平幻灯片显示
内容
,这将使
列
更宽
,因此另一个不那么宽。这在纯
CSS
中是可能
的
吗?[ Left column fluid (elementX)][Right column fluid][ Left column fluid (下面是一个
可以
更好地说明这一点
的
浏览 4
提问于2014-06-13
得票数 0
3
回答
CSS
网格-不需要媒体查询
的
最大
列
数
html
、
css
、
flexbox
、
css-grid
是否
可以
定义具有最大
列
数
的
网格,但允许元素在屏幕宽度更改时
换到
新
行
上?
CSS
: display:
flex
;}.grid {}
浏览 0
提问于2019-03-21
得票数 16
回答已采纳
1
回答
引导4网格在
列
方向不遵守col*
css
、
bootstrap-4
在宽(景观)显示上,我想显示2
行
3
列
。[1] [2] [3]但是在狭窄
的
(肖像)显示上,我想显示3
行
2
列
,我希望卡片能够保持
列
下
的
顺序,如下所示:[2] [5]我遇到
的
问题是,当网格位于
列
的
方向时div上,我默认为
flex
列
,以获得窄宽度
的
柱状方向。我切
换到
中等大小
的
浏览 1
提问于2018-11-26
得票数 1
回答已采纳
2
回答
固定
的
div比移动屏幕
更宽
。为什么?
html
、
css
在这个简化
的
HTML中,我有一个固定
的
div,它意味着窗口
的
精确宽度。但是在div上面的
内容
中也有一个很长
的
单词,它扰乱了布局。 div { left: 0; display:
flex
"viewport“比窗口
更宽
,因此div (固定在viewport上)最终会比窗口
更宽
。在
浏览 1
提问于2018-07-10
得票数 1
3
回答
将自动宽度、固定宽度和百分比宽度合并到同一HTML表
行
中
html
、
css
、
html-table
、
fluid-layout
我想要创建一个有4
列
的
表。表中
的
2
列
是标签,应该自动调整到最宽
的
元素。其他
列
之一为固定宽度,最后一
列
应填充剩余空间。Expandable Content 2</td></tr> <
浏览 1
提问于2016-07-20
得票数 1
回答已采纳
1
回答
将不同高度
的
盒子均匀地分布在柔性箱柱上。
javascript
、
css
、
reactjs
、
flexbox
我有一些相同宽度
的
盒子,但高度不同(取决于它们
的
内容
--它们是title+text
的
注释)和一个自动高度容器(愿意滚动)。这样做
的
目的是在跨
列
的
容器中分发便笺,这样看起来就像Google。目前,我使用
的
是柔性盒
行
,但我正在释放空间:我当前
的
CSS
如下所示: display:
flex
;
flex
-wrap: wrap;
浏览 6
提问于2016-04-01
得票数 4
回答已采纳
1
回答
如何创建网格与方块,尊重最大宽度和高度仅使用
CSS
?
html
、
css
、
flexbox
我用
的
是React,Sass en EC6。不过,我面临
的
问题是:我希望中间
的
方块永远是正方形,同时显示
内容
尽可能大(没有固定
的</
浏览 0
提问于2019-06-05
得票数 1
1
回答
如何在柔性盒中“合并”项,使它们不会溢出?
css
、
flexbox
我试着让我
的
个人网站有反应。在登陆页面(桌面视图中),有三个链接安排在一个灵活
的
框
行
。每个链接本身也是一个柔性盒,项目安排在一栏中:这方面的
CSS
如下:.homemain-links {
flex
-direction;} 当屏幕大小从桌面转移到移动时,我希望链接从一
行
切
换到
<em
浏览 3
提问于2022-08-29
得票数 0
2
回答
根据
内容
的
大小调整flexbox div
的
大小
html
、
css
、
flexbox
我有一个看起来像这样
的
flexbox,我正在尝试删除
内容
末尾
的
所有额外空间。 ? 我希望它
的
大小如下所示,宽度大小是为了适应里面的
内容
,而不是比它需要
的
更宽
。 ? 我还希望它具有这样
的
属性,即宽度将根据需要增长,以便适合其中
的
内容
,然后在需要时换行到下一
行
。 ? 当然,我希望子元素
的
大小合理以适合其
内容
(即标签、选择等足够宽以显示其
内
浏览 28
提问于2020-05-01
得票数 2
回答已采纳
1
回答
引导:在某些特定情况下使用断点,例如
twitter-bootstrap
、
bootstrap-4
虽然有效地使用了断点,但不知怎么还是找不出这些断点
的
具体情况 1) col-md-auto
的
工作方式将如何与col-auto不同?
可以
看到
的
例子
浏览 1
提问于2018-10-31
得票数 0
回答已采纳
2
回答
在Reactjs映射之后,如何在彼此之间显示cols?
reactjs
、
twitter-bootstrap
、
react-bootstrap
我有这样
的
代码,它从数组中映射和显示我
的
网站
的
帖子。 </Row> )} </>我
的
目标是在PC显示器上自动显示一
行
中
的
两条帖子(我猜是一
行
中
的
浏览 1
提问于2021-12-18
得票数 0
回答已采纳
1
回答
使用display:
flex
使div
的
宽度等于
内容
的
宽度。内联-
flex
不工作
css
、
flexbox
我正在尝试确保使用display:
flex
的
div
的
宽度与其
内容
的
宽度相等。下面是一个示例: #eventDetailElements {
flex
-wrap: wrap; justify-content我试着把我
的
CSS
改成display: inline-
flex
,但得到
的
结果是: ? 它仍然比<em
浏览 125
提问于2020-09-19
得票数 0
回答已采纳
1
回答
使用省略号直到最小宽度,然后
换到
下一
行
。
html
、
css
、
flexbox
我想创建一个由三
列
组成
的
行
,其中左
列
总是在左边,右边
的
两
列
是连接在一起
的
(
如果
没有足够
的
空间,就把它们合在一起到下一
行
)。使用
flex
很容易实现这一点,可能如下所示: 这里
的
问题是,我还希望中间
列
(紫罗兰色always-right/left)收缩到一些使用text-overflow: ellipsis
的
min-width这意
浏览 0
提问于2016-11-19
得票数 4
回答已采纳
1
回答
柔性箱
可以
通过扩展前一个页脚部分来“粘着”最后一个页脚部分吗?
html
、
css
、
flexbox
、
sticky-footer
考虑到下面基本
的
HTML结构(我无法更改),我知道我
可以
用这个
CSS
扩展主
内容
div:html, height: 100%; display:
flex
;
flex
-direction: column;
flex
: 1 0 auto;
flex
-shrink: 0;<body>container"> <
浏览 0
提问于2018-11-04
得票数 0
回答已采纳
2
回答
在柔性箱中
可以
使用相对定位吗?
javascript
、
html
、
css
、
canvas
、
flexbox
我正在进行模块化
的
行
/
列
布局,其中
列
中
的
行
和
行
等都是可变
的
组合,我正在使用
flex
属性使这些元素很好地适合页面。
CSS
: display:
flex
;.column {
flex
-direction: column;
flex
: 1请注意,
列</e
浏览 1
提问于2018-05-16
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
如何更好在Web上的设计表单模式?
CSS Grid 布局快速教程
从零开始学 Web之CSS3(七)多列布局,伸缩布局
基于 Flexbox和CSS Grid 的高效布局
两行css代码实现瀑布流,html,css最简单的瀑布流实现方式且没有缺点!
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券