腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
CSS
Flex
跨越
多个
列
html
、
css
、
flexbox
我正在尝试
使用
CSS
Flex
让第二行只
跨越
第二
列
和第三
列
。 我不想将其作为单独的行添加到
列
1中创建的第一行下面。这是因为
列
1的内容是一个很高的图形,因此列2和
列
3的内容不需要创建额外的垂直空间。
列
3中的第2行的内容的高度也可能不同,最好将
跨越
列
2和
列
3的内容放置在该
列
的下方。 .row { display:
flex
;
浏览 35
提问于2021-10-11
得票数 2
回答已采纳
1
回答
引导4项砌体项目
使用
卡片
列
跨
多个
列
bootstrap-4
我正在阅读
使用
的引导带4的card-columns布局,它工作得很好,但是一个砖石项目也可以
跨越
多个
列
吗?现在,似乎每个项目都被限制在自己的列上,而没有
跨越
两
列
或更多
列
的灵活性。我画了一个草图,以帮助更好地澄清我的问题:在这个草图中,您可以看到蓝色项
跨越
多个
列
,而其他项位于它们各自的
列
中。我看了一下column-count
CSS
属性,但我不确定这在这种情况下有何帮助。
浏览 2
提问于2019-11-16
得票数 0
1
回答
如何使图像填充图像网格中的2
列
html
、
css
我是写html和
css
代码的新手。我试着用
CSS
FlexBox制作一个有三
列
的图片库。<div class="column"> <img src="games.jpg"> </div>
css
: .row {
flex
浏览 53
提问于2020-08-11
得票数 1
1
回答
带有flexbox的单列库,其中某些div一分为二
css
、
flexbox
我正在
使用
一个图库,它表示包含一个或两个
跨越
整个宽度的<div>元素的
列
。包含
多个
<div>元素的
列
还包含具有不同高度和宽度属性的图像。我希望这些
列
的高度相同,然后当它们之间有额外的空间时,尽可能多地填充宽度。 我将
使用
一个具有固定宽度和
flex
-wrap属性的flexbox <div>元素。
跨越
整个宽度的<div>元素都有一个max-width: 100%属性。包含
多个</em
浏览 16
提问于2019-05-28
得票数 0
2
回答
css
-
使用
网格自动
列
创建动态宽度。
html
、
css
、
flexbox
、
css-grid
我试图让我的
css
网格要么是每一行两个块(如果有足够的项),要么是一个
跨越
整个宽度的块。然而,我似乎无法让它
使用
网格-自动
列
。.
flex
1 {
flex
-direction: row;} display: grid; grid-auto-columnsbackground-col
浏览 0
提问于2018-12-16
得票数 2
回答已采纳
1
回答
使用
flexbox,如何列出
跨越
两
列
的项目列表?
html
、
css
、
flexbox
使用
flexbox,如何列出
跨越
两
列
的项目列表?class="item">4 nissan</div> <div class="item">9 lexus</div>
CSS
: display:
flex
; <e
浏览 1
提问于2017-08-09
得票数 4
回答已采纳
1
回答
具有跨多
列
元素的严格的2
列
布局Vs 12的优点是什么?
html
、
css
、
responsive-design
、
grid-layout
像这样的网站允许您为从2
列
到12
列
的任意位置生成
CSS
代码。 我的问题是:如果您可以使一个元素跨
多个
列
(请参阅它们的示例布局),为什么您会选择只允许两
列
超过12
列
(元素
跨越
多个
列
)?
浏览 2
提问于2013-11-06
得票数 0
回答已采纳
1
回答
使用
CSS
列
并确保直接子
列
的内容不包装
css
、
multiple-columns
、
css-multicolumn-layout
我
使用
CSS
列
跨越
多个
列
的菜单项,它在很大程度上运行良好,但我的问题是,我不确定是否有一种方法可以确保每个带有
CSS
列
代码的父元素的直接子元素都保持在同一
列
中。所以我的意思是,如果子
列
的内容出现太长,无法包含在当前的
列
中,那么整个内容将被移动到下一
列
,而不是
跨越
多个
列
的内容。示例: 正如您所看到的,标题2和标题4都
跨越
浏览 2
提问于2019-11-20
得票数 1
1
回答
引导
列
在IE11中不起作用(
Flex
)
html
、
css
、
bootstrap-4
、
internet-explorer-11
padding: 50px 0px; } <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/
css
/bootstrap.min.
css
" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm</h1>
浏览 15
提问于2019-09-09
得票数 0
回答已采纳
1
回答
将
flex
列
的内容包装在另一个
flex
列
周围。
html
、
css
、
flexbox
、
css-grid
我希望CONTENT
列
环绕左边的rowChild592
列
。我有这个:我希望它看起来像这样:我在这里看到了一个关于将div设置为表单元格包装的答案: .columnParent {}
flex
-direction: column;
flex<
浏览 4
提问于2017-05-06
得票数 2
1
回答
显示引导4网格区域内的视频
html
、
css
、
twitter-bootstrap
、
bootstrap-4
我
使用
Bootstrap 4 (4.4.1)创建了一个基本的网格结构。它由两
列
组成(每
列
宽50% ),其中左列有两行(每
列
高50% )。左上角网格区域应该包含一个视频在它的内,而不挤压或挤压它。我基本上做到了所有这些,除了视频
跨越
整个左
列
,而我希望它只在
列
的第一行(它
跨越
50%的
列
高度)。相关HTML片段: <div class="container-fluid d-
flex
h-100
fl
浏览 4
提问于2020-01-12
得票数 1
回答已采纳
1
回答
创建
多个
PDF页面
flutter
、
pdf
、
multipage
只要数据不
跨越
页面,它就会正确显示。当数据超过分页时,就会产生“异常:这个小部件创建了20
多个
页面。这可能是小部件或文档中的一个问题。请参阅。]) ]; return pdf.save();我尝试将pw.Column包装成各种组合(
Flex
如所列 我无法掌握如何
使用
Flex
、分区、表、Wrap、GridView和
列
自动
跨越
多个
页面上的数据。我该怎么做?
浏览 10
提问于2022-08-19
得票数 0
1
回答
css
中轴跨和
列
跨的差异
javascript
、
jquery
、
html
、
css
科斯潘:</td><td style="column-span:4"> colspan确实正常工作。但是column-span不起作用。 因为colspan全名是column span。但column-span不同于colspan。
浏览 0
提问于2015-04-22
得票数 4
回答已采纳
1
回答
元素在自定义块中的位置
block-editor
如何用左
列
中有h1标记和右边有一个图像的两
列
组成块?我希望将这个h1标记设置为两个
列
的所有宽度以及图像上的所有宽度。我应该只
使用
CSS
,还是这里是块编辑器特有的另一种方法? 这张照片显示了我想要的。我想学习如何
使用
JavaScript自己的可重用块进行编写。
浏览 0
提问于2022-12-03
得票数 0
回答已采纳
2
回答
CSS
flex
使块精确地成为第3块
css
、
flexbox
我有一个演示我
使用
flex
: 0 0 33%;来生成宽度的块a3rd,但是右侧有很小的空间。如果我尝试
flex
: 0 0 33.33333%;,它使第2块横过。 是否有可能有三个街区正好
跨越
。
浏览 7
提问于2022-05-09
得票数 0
2
回答
我希望在不
使用
flex
和网格的情况下将多
列
创建为两个
列
布局。
html
、
css
、
laravel
、
dompdf
我需要在不
使用
flex
和网格的情况下将
多个
列
创建成两个
列
布局。因为我在laravel中
使用
dompdf插件。dompdf不支持网格和
flex
。因为它不支持
css
v3,所以请给出
css
2(没有
flex
和网格)的布局设计,.I不喜欢表格格式,因为两
列
布局可能有或可能没有相同的高度。
浏览 10
提问于2022-03-09
得票数 -1
回答已采纳
1
回答
在react中
使用
网格垂直对齐内容
css
、
reactjs
、
flexbox
、
antd
我只想说一个最大宽度为200 it的块在中间,我如何避免
使用
自定义
css
样式呢? 医生:
浏览 6
提问于2020-04-06
得票数 0
2
回答
在柔性箱中可以
使用
相对定位吗?
javascript
、
html
、
css
、
canvas
、
flexbox
我正在进行模块化的行/
列
布局,其中
列
中的行和行等都是可变的组合,我正在
使用
flex
属性使这些元素很好地适合页面。
CSS
: display:
flex
;.column {
flex
-direction: column;
flex
: 1请注意,
列
与其内容成比例大小。不过,我还
使用
了画布元素,为了实现
多个<
浏览 1
提问于2018-05-16
得票数 3
回答已采纳
1
回答
WordPress标头中的垂直中心元素
html
、
css
、
wordpress
、
flexbox
、
bootstrap-4
我试图垂直对我的标题元素,但下面的代码,我已经尝试了不起作用。我做错了什么?请让我知道我在哪里可以添加垫子或其他东西。到目前为止我所拥有的是: <aside id="text-3" class="widget header-right widget_text"> <div class="container extra-info"> &l
浏览 2
提问于2019-02-23
得票数 0
回答已采纳
4
回答
浮动div,等高填充空间,附加div,无溢出
css
、
html
、
css-float
我有两个不同高度的div
列
,我喜欢有相同的高度。我
使用
下面的div
列
的
css
来实现这一点: padding-bottom: 800px;} html正在显示一个流程图。
浏览 9
提问于2013-09-26
得票数 6
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS Grid 布局快速教程
CSS Grid Layout一些有趣的事情(1)
给萌新的 Flexbox 简易入门教程
Grid布局20行代码快速生成瀑布流
CSS布局方案大全
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券