腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
CSS
网格
容器
缩小到
项目
大小
css
、
css-grid
我试图让一个
网格
容器
的宽度不超过它的行的宽度,也就是说,尽可能多地容纳列,然后折叠到它的子
容器
的宽度。例如,如果
网格
项的总量是16,
容器
的总空间量是45px,每个
网格
项的宽度是10px,那么期望的结果是4x4
网格
宽度的40px (而不是45px)。此图像中的空间不应是
网格
容器
的一部分。
浏览 14
提问于2021-04-27
得票数 1
回答已采纳
1
回答
居中的砖石
网格
中的图像不会随着浏览器的调整而缩放。
html
、
css
、
twitter-bootstrap
、
twitter-bootstrap-3
、
masonry
我使用砖石在我的网页上的
网格
视图中显示图像。为了对
网格
容器
进行中心设置,我遵循了砖石文档并设置了以下内容:和.grid { margin:但是,我发现当isFitWidth设置为true时,
网格
中的图像保持不变为380 re(图像的实际
大小
),并且在浏览器重新调整
大小
时不会
缩小到
该
大小
以下。如何使
网格<
浏览 1
提问于2015-07-05
得票数 2
回答已采纳
2
回答
CSS
网格
-从1行,3行过渡到3行,1行
css
、
css-grid
、
grid-layout
我正在探索
CSS
,看看它是否能够完全取代对我的特定用例的响应性
CSS
媒体查询的需求。我有以下
网格
容器
: display: grid; padding: 0px 15px; grid-row-gap: 20px;
网格
容器
包含三个项,这些项最初导致大屏幕
浏览 3
提问于2019-09-23
得票数 3
回答已采纳
1
回答
如何在Div中居中空
CSS
网格
并保持高宽比
html
、
css
、
css-grid
我试图在div中对一个空的
CSS
网格
。我需要
网格
保持16:9的纵横比和填充尽可能多的空间在div。它是div中的唯一元素,div将更改
大小
,因为完整文档中有可折叠的边栏和可折叠的标头。下面的代码保持了高宽比并填充了空间,但是当我试图将其居中时,
网格
会
缩小到
最小
大小
。我尝试在
网格
的
CSS
中使用place-self: center center;,在div的
CSS
中使用place-content: center cent
浏览 1
提问于2022-04-08
得票数 1
2
回答
CSS
网格
-调整
大小
时
项目
不会跨越设置的列
css
、
multiple-columns
、
css-grid
我在试着让
网格
响应式。到目前为止,它是有效的,但在事情上仍然困扰着我。如果我将
网格
项的span属性设置为从左数第二列开始,则
网格
会在调整窗口
大小
时断开。预期结果和实际结果: 📷 因此,有两个
网格
容器
具有几乎相同的
CSS
属性。顶部
网格
的
项目
应该在
网格
容器
的最右边,底部
网格
的
项目
应该在
网格
容器
的最左边。底部
网格</e
浏览 21
提问于2020-07-22
得票数 1
3
回答
如何防止内容调整flex
项目
的
大小
?
html
、
css
、
charts
、
flexbox
我正在使用
CSS
flexbox来构建一个可伸缩的、响应式的
网格
。当将Google图表应用于其中一个flexbox
项目
时,该
项目
的
大小
会发生如此微小的变化。这足以使
网格
失去对齐。将Google chart应用于
项目
6之前的Flexbox
网格
:将Google chart应用于第6项后的Flexbox
网格
:Flexbox
网格
的加载速度比Google图表快,因此
网格
最初是正确加载的
浏览 0
提问于2016-03-29
得票数 16
回答已采纳
1
回答
css
:
网格
模板的纵横比
css
我正在使用
css
中的
网格
框。
网格
中的每一项都必须是
容器
宽度的1/3。我希望每个
项目
的纵横比是2/1,这意味着宽度应该总是高度的两倍。如果
容器
的
大小
改变了,我希望在保持纵横比的同时也调整
项目
的
大小
。
css
: .grid-container { grid-template-columns: repeat(3, 1fr); grid-gap: 5px
浏览 39
提问于2021-08-13
得票数 0
1
回答
使用对齐内容属性的
网格
项的意外行为
css
、
css-grid
在
css
-诀窍完整指南-
css
-
网格
中,它描述了正确的内容属性如下: 调整-内容有时
网格
的总
大小
可能小于其
网格
容器
的
大小
。如果所有的
网格
项目
都使用非灵活的单位(如px )
大小
,这可能会发生。在这种情况下,可以在
网格
容器
中设置
网格
的对齐方式。此属性沿内联(行)轴对齐
网格
(相对于沿块(列)轴对齐
网格
的对齐内容)。
浏览 4
提问于2020-12-16
得票数 1
回答已采纳
1
回答
CSS
网格
行垂直溢出其
容器
。
html
、
css
、
css-grid
我遇到的问题是,当视口的高度小于定义的最小行高时,行垂直溢出其
容器
。在下面的示例中添加了红色和绿色边框后,可以看到行的高度没有低于定义的500像素,但是
网格
容器
的
大小
仍然小于视图端口,后者现在小于500像素。如果我从height类中删除grid
CSS
属性,
容器
不会
缩小到
其内容以下,但是当视图端口高于500个像素时,它也不会填充垂直空间。因为我希望
网格
填充整个页面,所以我需要height
CSS
属性。在类似的中,罪魁祸首是用于缺口的百
浏览 5
提问于2022-02-05
得票数 3
回答已采纳
1
回答
基于列中的内容自动行
css
、
css-grid
嘿, 我正在尝试实现这种布局与
css
网格
。我已经将这些项的
容器
div设置为display: grid和grid-template-columns: repeat(3, 1fr)。然后我用
网格
列和
网格
行来布置
项目
。这给了我一个3x3的
网格
。但是我需要一个
网格
,第一列有2行,中间列有3行,第三列有两行。基于
项目
的
大小
。有没有办法做到这一点与
css
网格
,我被困在这一刻。提前感谢
浏览 1
提问于2021-04-30
得票数 1
4
回答
使响应
容器
在调整
大小
时响应元素。
javascript
、
html
、
css
、
responsive-design
我有一个动态宽度
容器
div,它包含恒定宽度项。我希望能够调整
容器
的
大小
,使它只显示整个
项目
,而不是将
项目
在右边切成碎片。例如,用户的屏幕可能呈现5个
项目
:如果用户开始缩小他们屏幕的宽度,当条子不再宽到可以容纳5个完整的项时,我希望它
缩小到
只显示4项。坏:好:我知道这可以通过使用
CSS
3媒体查询来实现,但我希望避免为每一个不同数量的元素编写不同的断点。
浏览 1
提问于2013-09-20
得票数 12
回答已采纳
1
回答
CSS
网格
图像不垂直缩放
html
、
css
、
image
、
css-grid
、
scale
我目前正在做一个
项目
,在这个
项目
中,我必须在
网格
布局中显示图像。对我来说,自然的事情是使用
CSS
网格
。我有一个工作解决方案,它看起来很好,只对某些高宽比(纵向纵横比)。当纵横比越大时(尤其是16:9),整个
网格
就不再适合屏幕了。这些图像似乎是问题所在,因为它们没有垂直“缩放”。
浏览 1
提问于2021-11-14
得票数 1
回答已采纳
4
回答
如何制作固定宽度柱的流体
网格
?
html
、
css
、
grid
我需要用固定的宽度和高度以及它们之间的固定距离做一个方形
项目
的
网格
。最简单的方法是什么?
浏览 7
提问于2014-05-03
得票数 1
回答已采纳
1
回答
flex: 0.0 33%和flex 0.1 33%
css
、
bootstrap-4
、
flexbox
、
grid
那些用于弹性项属性的属性与构建
网格
系统应该使用的属性有什么不同?例如,引导系统和蚂蚁设计使用flex: 033和最大宽度: 33% (作为一个例子)。例如,为什么不使用flex: 0 1 33。
浏览 1
提问于2022-02-19
得票数 0
1
回答
HTML5和引导查询
html
、
twitter-bootstrap
我正在尝试使图像响应性,但图像没有响应性如何排序,下面给出的是代码。请帮帮忙.. <div class="row"> <img src="main2.jpg" class="img-responsive" alt="main2" style="margin-left:150px;"> <h3 style="color:white; mar
浏览 0
提问于2015-03-11
得票数 0
1
回答
引导3:如何编译和下载960 to的自定义宽度?如何更新?
twitter-bootstrap-3
我知道Bootstrap 3使用的最大
网格
宽度为1170 of。然而,我的客户希望他的网站使用960 my的宽度。它应
缩小到
960px以下,但不超过960px。问题:2.)随着Bootstrap的新版本在将来发布,我如何在不覆盖自定义960px文件的情况下更新我的文件?
浏览 5
提问于2014-01-31
得票数 3
回答已采纳
1
回答
在缩小屏幕后反映输出的HTML代码
html
、
angularjs
如果我改变图形的
大小
,它不会改变,如果我缩小屏幕它的反射。 谁能告诉我如果有什么想法吗?
浏览 3
提问于2016-10-09
得票数 0
回答已采纳
1
回答
使用
css
缩小图像以适应
容器
css
因此,我希望使用
css
将图像
缩小到
容器
大小
,同时保持其纵横比。在指定最小高度或最小宽度时,似乎很容易实现这一点,但不能同时指定两者。有什么想法吗?
浏览 0
提问于2011-08-31
得票数 1
回答已采纳
1
回答
如何在WPF ListView中将选定的背景色限制为
项目
宽度?
listview
、
width
、
selection
、
listviewitem
、
wpf-4.0
我如何使选择的颜色(这里是蓝色)停止在文件名的末尾,而不是一直到ListView的边缘 我将橙色背景放在
项目
StackPanel上,以表明它并不是因为它填满了我最初认为的整个宽度。
浏览 0
提问于2010-11-18
得票数 1
回答已采纳
1
回答
为什么
CSS
网格
中的图像泛滥?
html
、
css
、
css-grid
b544282e40e1ddee968dac7188ae9a3e&auto=format&fit=crop&w=1350&q=80" alt="pic3">/*这是
CSS
浏览 2
提问于2018-02-03
得票数 4
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS中图解Grid布局详细教程
前端布局神器 Grid,看这一篇就够了
Flex布局教程
一行 CSS 代码实现响应式布局–使用 Grid 实现的响应式布局
CSS Grid Layout一些有趣的事情(1)
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券