腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
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布局方案大全
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
云直播
活动推荐
运营活动
广告
关闭
领券