腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(3706)
视频
沙龙
1
回答
CSS
网格
布局
,
第一项
为
双倍
宽
html
、
css
我正在尝试实现基于
网格
的
布局
,其中项目将在灵活的
网格
中进行
布局
,这是使用grid-template-columns: repeat(auto-fill, minmax(400px, 1fr))实现的。然后,项目会自动放置到
网格
中,这很好用。 我希望第一个项目是双
宽
的,这样它就可以跨两列。first-child {} 然而,一旦没有足够的空间容纳两列,这就会导致问题-第二个小列仍然出现,比我们最小的400px小,这会破坏第二行上
浏览 32
提问于2021-11-10
得票数 1
2
回答
当第一个项目的宽度是其他项目的2倍时,如何使同位素columnWidth工作?
jquery
、
css
、
jquery-isotope
说:对于砖石
布局
模式,如果遇到重新调整
第一项
大小的问题,并且所有其他项都不再适合
网格
中,则很可能需要设置columnWidth选项。如果没有columnWidth设置,砌体
布局
模式将使用
第一项
的宽度作为其列的大小。不过,我希望有一些
CSS
媒体查询,以改变columnWidth。因此,如果我的第一个同位素项目有正常的1x宽度,我可以指定
CSS
中项目的宽度,而同位素将从那里获取columnWidth并工作。但是因为我
浏览 0
提问于2013-07-26
得票数 3
回答已采纳
1
回答
带有图像的jQuery砖石流体
布局
jquery
、
css
、
jquery-masonry
return (containerWidth - 80) / 4; });问题是,.my-brick包含的图像比应该计算的columnWidth要
宽
。我本以为脚本会将项目的width
CSS
属性设置
为
columnWidth,但它没有这样做,因此列与图片一样
宽
。 这是预期的行为吗?
浏览 0
提问于2013-04-12
得票数 0
回答已采纳
1
回答
当实现不基于
网格
的设计时,
CSS
网格
系统如何节省时间?
css
、
photoshop
、
twitter-bootstrap
、
css-frameworks
什么
CSS
网格
系统做的很快,而我们不能没有他们?这些天来,twitter引导程序在社区中很流行,它基于940 in宽度
网格
和其他功能,也适用于按钮和jquery插件。我的问题是专门针对
网格
的使用。它如何减少我们的开发时间,而不限制我们在任何事情上与我
浏览 5
提问于2012-02-01
得票数 2
回答已采纳
1
回答
使主要内容在移动屏幕上全
宽
显示
javascript
、
html
、
css
、
mobile
、
responsive
<meta name="HandheldFriendly" content="true"> <link rel="stylesheet" href="normalize.
css
"> <body>
浏览 0
提问于2019-12-07
得票数 0
1
回答
将焦点移到GridView的
第一项
视图
android
、
android-layout
、
focus
、
android-gridview
在我的活动中,我有两个片段,一个包含线性
布局
,第二个包含
网格
视图,我必须在我的应用程序中支持D导航。现在,当用户按下movetowards
网格
视图的键时,我想将
第一项
网格
视图显示
为
选定的视图。因此,每次焦点从线性
布局
移动到
网格
视图时,
网格
视图的
第一项
都应该被选中/聚焦。
浏览 0
提问于2013-11-06
得票数 1
1
回答
向内拉
网格
项目--“
网格
挤压”
css
、
css-grid
我的
网格
布局
有2列。它包含一个全宽度项的混合,它们占据
网格
的全部宽度;和半
宽
项,每个项占用一行的一半
宽
。一半
宽
的物品总是成对的。我准备了一个用Tailwind样式的
CSS
演示我想要的东西的例子:.m-2 { margin: 0.5rem; }.bg-blue { background-colordiv class="col-span-2 m-2 p-2 bg-blue"> &l
浏览 6
提问于2020-12-06
得票数 1
回答已采纳
1
回答
如何使内容垂直流动
html
、
css
我正在创建一个动态站点,其中父div和子div (它们的宽度是可变的)在父div中创建,并尝试这样做:当创建一个新div时,它被向下推到它的父级高度被填充,然后启动一个新的列,例如: <style> height: 800px; overflow-y: hidden; } background-color: blue;
浏览 0
提问于2018-07-19
得票数 0
回答已采纳
2
回答
同位素砌体问题
javascript
、
jquery
、
html
、
css
、
jquery-isotope
src="img/portfolio3.jpg" alt=""> </div>
CSS
浏览 6
提问于2015-09-26
得票数 0
回答已采纳
2
回答
在具有固定宽度列的
CSS
网格
中居中
html
、
css
、
css-grid
、
centering
我正在尝试做一个简单的以
CSS
为
中心的
网格
布局
。我知道当我使用justify-items: center时,
网格
容器中的项应该水平对齐,但是当我像这样指定一个以像素
为
单位的列
宽
时,整个
网格
就会恢复正常。那么,有没有办法使
网格
项居中,同时以像素
为
单位指定列
宽
呢?
浏览 2
提问于2020-04-29
得票数 3
1
回答
全
宽
元素打破了使用display: grid创建的
布局
css
、
css-grid
我有一个简单的
布局
,这是我用
CSS
网格
创建的,由一个主元素和一个侧边栏组成(请参阅代码片段)。在侧边栏中,我有一个想要在移动设备上全
宽
显示的子元素(即忽略
布局
容器周围的填充)。.full-width元素确实是全
宽
的,但显然它将整个
网格
设置
为
100vw,这使得main和aside溢出.container (灰色元素)。我如何保持它的全
宽
,并使main和aside保持在.container的边界内?另一个要求是全
宽
元素保
浏览 15
提问于2019-03-15
得票数 0
回答已采纳
1
回答
对HTML div应用引导
网格
样式
html
、
css
、
angular
在我的angular应用程序中,我尝试基于数组中的项数来应用引导
网格
样式。例如:如果for循环中数组的长度是2,我想设置一行中的
第一项
和第二项,宽度
为
50%。如果只有一项存在,我想将它设置
为
全
宽
。我如何才能做到这一点?
浏览 4
提问于2020-08-25
得票数 1
2
回答
Css
网格
自动跨越可用空间
html
、
css
、
flexbox
、
css-grid
我正在尝试创建一个基于
css
网格
的
布局
,包含2项,
第一项
将跨越宽度的1/3,第二项将跨越宽度的2/3,但当宽度低于某一阈值时,第二项将跳到第二行,
第一项
应填充第一行。.span2 { grid-column-end: span 2; 我这里有一个例子: 一切正常,但当第二项(红色)跳到第二行时,我希望
第一项
到目前为止,
第一项
只占第一行的一半。这能用
css
网格</em
浏览 0
提问于2018-03-28
得票数 1
回答已采纳
1
回答
针对多行flex容器中每一行上的
第一项
css
、
flexbox
如何将样式或
css
类应用于每行的
第一项
? 我唯一能想到的就是使用Javascript来迭代条目,并手动应用/删除类。不过,我真的很想要一个纯
css
解决方案。
浏览 5
提问于2017-11-22
得票数 8
1
回答
字体样式中的双高文本和双
宽
文本的
css
css
、
html
、
printing
、
fonts
、
typography
任何人都可以帮助我在
css
中做
双倍
高和双
宽
的字体样式的文本(就像在点阵打印机中一样),而不需要使用任何图像。 除了这个,还有其他的代码吗?
浏览 3
提问于2012-09-13
得票数 2
回答已采纳
5
回答
JQGrid当autowidth = true时,如何删除恼人的水平滚动条?(在IE中)
javascript
、
jquery
、
jqgrid
在IE中使用autowidth=true时,我似乎得到了一个讨厌的水平滚动条
浏览 5
提问于2009-09-08
得票数 5
回答已采纳
2
回答
@Html.Telerik().Grid专栏ASP.NET MVC 2011.Q3.1115的problems.Telerik扩展
asp.net
、
asp.net-mvc
、
telerik-grid
、
telerik-mvc
我在
网格
中有14列。 总共需要1600像素的
网格
,width..it对于浏览器来说太大了,无法显示。我不能自己设置列
宽
。
浏览 2
提问于2015-12-08
得票数 0
1
回答
响应式
网格
系统-为什么他们不排好队?
html
、
css
、
grid
我已经做了一个响应式
网格
系统,它使用3列
布局
。因此,一些
网格
框的宽度
为
2列,大多数
为
1列
宽
。<div id="grid"> content <div class="item col-1 parents
浏览 2
提问于2014-02-20
得票数 0
1
回答
CSS
高级浮动/
网格
布局
css
、
css-float
、
margin
、
grid-layout
我对
CSS
中的
网格
布局
有点着迷。我有一个包装器(1000 to
宽
),希望将div与float:left;放在一起,并在每个包之间加上23 to。使用:nth-child选择器很容易实现这一点。但是现在我在左上角有一个文本块,它的高度是可变的,
网格
项的数量也是可变的。我不能在这里使用nth-child
浏览 3
提问于2013-06-09
得票数 0
回答已采纳
1
回答
CSS
网格
分钟-内容不适合内容
css
、
css-grid
我试图在
网格
中放置一些div,方法是向元素显式分配行、列和大小,并允许
CSS
网格
使用以下
CSS
进行列和行大小调整。display: grid;值min-content应该将列设置
为
尽可能小的大小,以适应内容而不发生溢出。然而,这种情况并没有发生。尽管这些元素都可以放在350 is
网格
中,但是第三列太大,导致不必要的空白。
浏览 0
提问于2018-05-09
得票数 2
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
一行 CSS 代码实现响应式布局–使用 Grid 实现的响应式布局
IE兼容Bug》JS大前端你必会的知识›计算机通用基础›常用开发工具
CSS中图解Grid布局详细教程
CSS Grid 布局完全指南
基于 Flexbox和CSS Grid 的高效布局
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券