腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
如何
使用
flex
构建
多
布局
列
?
、
、
我想要
构建
一个具有
flex
- item的
多
布局
列
,其中每个
列
都包含一个动态列表,但是,每个组件或项都将包含2个或更多额外的项,这些项可以在悬停时展开,但是我
如何
构建
以下
布局
来实现所需的UI?我已经完成了一些组件,其中的悬停扩展到额外的项目,但它作为行而不是
列
。所需:
布局
: padding: 0; margin:
浏览 32
提问于2021-02-18
得票数 1
1
回答
你能让柔性盒的背景高度保持不变吗?
、
、
我
使用
的是柔性盒显示器,它运行良好。除非我碰巧在其中一个div上
使用
背景颜色,否则这个颜色不会覆盖div的整个高度。.row { align-items: center;.left { background-color: wheat;.right {} <div class=&q
浏览 4
提问于2015-07-03
得票数 1
回答已采纳
2
回答
如何
将
列
中的内容与Bootstrap 4垂直对齐
、
、
我正在
构建
一个带有引导4的网格
布局
,我试图在保持
列
的全部高度的同时垂直对齐列中的内容。目前,我的
布局
如下: 但是,我希望
列
的内容对齐如下: 目前的CSS: height: 100%;
flex
: 1;当前HTML:
浏览 1
提问于2019-06-10
得票数 0
回答已采纳
1
回答
移动友好CSS
多
列
布局
,将内容限制为特定
列
、
、
、
我实现了一个
flex
多
列
布局
。它在我的桌面上看上去很棒。在移动设备上,它都被卷在一起,完全忽略宽度参数。我试着
使用
列
,但是文本会自己扩展到下一
列
,这对我来说是不适用的(注意:“调试”字符串的位置,它将自己抛到第三
列
,在中非常清楚,我在第一
列
中定义了它,在关闭的</div>中) 什么是适合移动设备的CSS
多
列
布局
浏览 2
提问于2015-06-22
得票数 0
回答已采纳
1
回答
防止可滚动
Flex
Div中的项目移动页面
布局
、
、
当我试图在可滚动的
flex
div中分隔我的按钮时,我遇到了一个问题,这导致了页面
布局
的改变。这是我的站点的img,没有任何边距或按钮之间的分隔,以及div和按钮的代码:#slideshow div { justify-content我甚至不明白为什么可滚动容器中的项一开始就会导致整个页面上的
布局
变化。 感谢你的帮助,谢谢。
浏览 1
提问于2021-07-06
得票数 1
1
回答
响应网格系统的Flexbox增长和收缩属性
列
与确定的宽度
列
、
、
、
最近,我一直在学习flexbox和
如何
构建
我自己的网格系统。当
使用
浮点数制作网格系统时,我们确定每个
布局
的
列
数和每
列
的宽度(百分比)。但是当
使用
flexbox时,我看到的所有
布局
教程都只是对
列
使用
flex
-direction: row;和
flex
: 1,使它们都相同大小、等边、居中和一行。但是当我在github上查看flexboxgrid源代码时,他们
使用
了与引导
浏览 2
提问于2016-11-03
得票数 1
回答已采纳
2
回答
如何
在这个
布局
中添加新的
flex
元素作为
列
而不是行?
、
、
我正在尝试
构建
一个
布局
,如下所示:section {
flex
-wrap: wrap; width: 30vw; height: 20vw
如何
使用
作为新
列
添加的新<div>元素来实现这种
布局
?
浏览 17
提问于2017-03-14
得票数 0
回答已采纳
1
回答
如何
使用
Knockout foreach
构建
多
列
布局
?
、
、
、
我正在尝试基于observableArray中的数据
构建
一个两
列
的
布局
。我尝试过
使用
Knockout if绑定,但它在foreach中不能很好地工作。这看起来应该很简单,但由于某些原因,我还不能想出
如何
在Knockout的范围内实现这一点。
浏览 2
提问于2015-01-28
得票数 2
1
回答
Flex
列强制隐藏柔性盒的初始项。
、
我有一个边栏,它
使用
FlexBox
列
布局
构建
,如下所示: //
flex
-grow: 1; height: 100%;// display:
flex
; padding: 0.5rem 1rem; justify-conte
浏览 2
提问于2022-01-22
得票数 0
回答已采纳
2
回答
显示柔性动态高度镶嵌网格
、
、
有没有一种方法可以实现这种动态,而不需要
使用
js,而只
使用
css?
使用
width: 100%
flex
-flow: column wrap; align-content:center; 元素在部分中width: 250px;
浏览 6
提问于2014-02-10
得票数 0
2
回答
什么是约束
布局
等效于颤振?
、
我可以根据另一个小部件来定位一个小部件吗?就像这样:
浏览 0
提问于2018-08-20
得票数 18
回答已采纳
1
回答
柔性箱最优填充
、
、
我有一个基本的挠曲箱柱包
布局
与固定宽度容器和固定宽度可变高度元素在里面。} border: 1px solid blue;
flex
-direction: column; width: 1000px;
浏览 0
提问于2019-11-23
得票数 2
回答已采纳
1
回答
是否有一种方法可以将一行中的两个柔性盒项作为一
列
进行堆栈?
、
、
、
我试图
构建
一个
布局
,其中我有一个父的flexbox div,其中包含单独的部分,我遇到的麻烦是当整个
布局
作为一行时,尝试在
列
中堆栈两个区段元素。目前,有两个部分占据了行的全部高度,然后我有两个额外的部分,理想情况下只应该是它们较短内容的高度,并且在一个
列
中相互叠加: 我试图堆栈的这两个部分在试图修复以下两个部分时都有这些CSS参数:align-self:
flex
-start;disp
浏览 4
提问于2021-05-07
得票数 0
回答已采纳
2
回答
左对齐中间对齐的flexbox的最后一行
、
、
我希望容器在给定显示宽度的情况下能容纳尽可能
多
的这些方块。我希望flexbox在页面上居中对齐。 然而,问题是当我
使用
justify-content: center 图片: ? 最小重现: <style> i { display: block
浏览 28
提问于2021-03-21
得票数 1
6
回答
带角材料的Pinterest
布局
、
、
、
、
我需要的下列
布局
,如果卡是从左到右插入,包装在可用宽度的末尾,并填写之间的任何垂直空间卡。所有卡片都有相同的宽度,但高度不同:这是可能的平原角和CSS?怎么做?我试着用display:
flex
实现这一点,但是我无法摆脱垂直空间: display:
flex
;
flex
-wrap: wrap; 我还找到了一个纯CSS解决方案,它解决了空间问题,但是有不同的顺
浏览 12
提问于2016-11-22
得票数 12
回答已采纳
1
回答
如何
使用
css创建一个2行的项目网格?
</div> 现在,我已经了解到,我可以通过
使用
one行实现这种效果,具体如下: display:
flex
;
flex
-wrap: nowrap;} 然后我在css网格上做了一些阅读,因为听起来这是它被引入的原因之一。我想知道我应该采用的方法是否是
构建
一个包含1<em
浏览 0
提问于2019-11-20
得票数 1
2
回答
将<UL><LI>拆分为4
列
?
、
我在Django应用程序中
使用
了and模板语言和引导程序4。我希望在
多
列
而不是一个
列
中显示以下应用程序列表。我
如何
将这个列表分成4
列
?
浏览 4
提问于2017-11-09
得票数 0
回答已采纳
2
回答
像bootstrap一样在Flutter中
构建
布局
、
、
如何
在Flutter中
构建
响应式
布局
,如bootstrap或angular
flex
布局
?Angular
Flex
布局
:
浏览 3
提问于2019-07-05
得票数 2
1
回答
为什么当我增加容器的宽度时,我的
列
间距会变小?
、
、
、
我很难理解
多
列
布局
中
列
间隙背后的逻辑。我在中有以下HTML/CSS <div class="
flex
-item">1</div></div> .
flex
-
浏览 5
提问于2021-01-06
得票数 2
回答已采纳
2
回答
验证容器最大宽度固定
、
、
我正在
使用
Vue.js和Vuetify ()
构建
web应用程序。我有一个简单的
布局
,有3
列
。然而,我希望3
列
填充整个页面的宽度,但有一个自动的CSS,强制最大宽度为960px。为什么会这样呢?
如何
使用
整个屏幕?v-app> <v-container ma-0 pa-0 fill-height> <v-
fle
浏览 2
提问于2018-07-05
得票数 16
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
全兼容的多列均匀布局问题
前端应该掌握的CSS实现多列等高布局
使用Flex弹性布局来为微信小程序写自适应页面
从零开始学 Web之CSS3(七)多列布局,伸缩布局
Excel如何快速将一列数据转换为多行多列?
热门
标签
更多标签
云服务器
ICP备案
云直播
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券