腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(7580)
视频
沙龙
1
回答
全
宽
元素
打
破了
使用
display
:
grid
创建
的
布局
css
、
css-grid
我有一个简单
的
布局
,这是我用CSS网格
创建
的
,由一个主
元素
和一个侧边栏组成(请参阅代码片段)。在侧边栏中,我有一个想要在移动设备上
全
宽
显示
的
子
元素
(即忽略
布局
容器周围
的
填充)。.full-width
元素
确实是
全
宽
的
,但显然它将整个网格设置为100vw,这使得main和aside溢出.container (灰色
元素</em
浏览 15
提问于2019-03-15
得票数 0
回答已采纳
1
回答
使主要内容在移动屏幕上
全
宽
显示
javascript
、
html
、
css
、
mobile
、
responsive
我已经在论坛上寻找答案,但没有找到一个可以适用于我
的
问题。我希望我
的
.main-content (文章文本和图片)在移动屏幕上占满宽度,而不是.sidebar和.ad。<!="main-footer">The footer</footer> </body>.wrapper {
浏览 0
提问于2019-12-07
得票数 0
1
回答
使网格项自动填充
css
、
css-grid
对不起,我对网格
布局
非常陌生
布局
有三种类型:,如果两个项目,左和右;50%
宽
,
全
高
display
:
grid
; height: 200px;
浏览 1
提问于2021-05-05
得票数 1
回答已采纳
1
回答
N2CMS单页
布局
不是
全
宽
.net
、
n2cms
现在我是.Net
的
新手。我在
使用
N2CMS时,遇到了一个
创建
全
宽
(100%)单页面
布局
的
问题。当我
创建
一个页面
布局
时。页面不是
全
宽
的
,因为此css未更改为
全
宽
布局
。请告诉我如何在N2CMS中
创建
全
宽
单页。
浏览 1
提问于2011-10-19
得票数 0
回答已采纳
1
回答
如何让一个100vw
的
物品在没有居中和不是
全
宽
的
容器中居中?
html
、
css
我在一个容器中有一个非
全
宽
(715px)
的
全
宽
元素
。这个容器没有居中,因为它旁边有一个侧栏(245px)。不起作用,
使用
百分比和视觉效果不起作用,因为一旦屏幕尺寸改变,
全
宽
元素
就不再居中<section class="
gri
浏览 0
提问于2018-10-10
得票数 0
2
回答
CSS
的
网格模板:根据单元格
的
类填充列
css
、
css-grid
我有一个简单
的
网格
布局
,单元格可以是100%或50%
宽
。某些单元格具有.left或.right类。无论这些单元格在HTML树中
的
顺序如何,是否可以将其附加到右侧或左侧,这取决于它们
的
类,直到设置了新
的
全
宽
单元格为止? main{
grid
-template:"top top" &
浏览 5
提问于2017-08-21
得票数 0
回答已采纳
1
回答
如何使内容垂直流动
html
、
css
我正在
创建
一个动态站点,其中父div和子div (它们
的
宽度是可变
的
)在父div中
创建
,并尝试这样做:当
创建
一个新div时,它被向下推到它
的
父级高度被填充,然后启动一个新
的
列,例如:
浏览 0
提问于2018-07-19
得票数 0
回答已采纳
1
回答
使用
css网格
html
、
css
、
css-grid
按照描述
的
技术,我尝试
创建
一个css网格,其中我
的
图像将比居中
的
文本列更宽。然而,我无法使它发挥作用,我不知道为什么。<!</p></main></html>img {}
display
:
grid
;* {
浏览 1
提问于2019-04-25
得票数 2
1
回答
向内拉网格项目--“网格挤压”
css
、
css-grid
我
的
网格
布局
有2列。它包含一个
全
宽度项
的
混合,它们占据网格
的
全部宽度;和半
宽
项,每个项占用一行
的
一半
宽
。一半
宽
的
物品总是成对
的
。: rgba(0, 0, 255, 0.5); } .
grid
{
display
:
grid
;,任何单独
浏览 6
提问于2020-12-06
得票数 1
回答已采纳
1
回答
React Bootstrap网格在选项卡窗格中跨
全
宽
react-bootstrap
我有一个react组件,在选项卡窗格中列出了其他组件
的
网格,所有这些组件都来自react-bootstrap,并包含在一个div中,该div具有bootstrap
的
漂亮
的
中心填充容器。不幸
的
是,Tab中
的
Grid
似乎认为它应该一直延伸到屏幕
的
右边。我怎样才能确保它在父div
的
宽度内?下面是代码
的
要点:render() { <div class="container"&g
浏览 1
提问于2016-04-01
得票数 2
3
回答
如何将
全
宽
元素
插入到三列CSS网格
布局
中?
html
、
css
、
css-grid
我有一个父母:
display
:
grid
;
grid
-gap: 40px;它将其子
元素
组织成一个由三列组成
的
网格。当我单击一个图像时,我正在
使用
JS在该行
的
末尾插入一个容器。我希望容器(".info-row")跨越所有三列并且是
全
宽
浏览 7
提问于2018-09-04
得票数 1
1
回答
让一个
元素
停留在另一个
全
宽
元素
上
html
、
css
我需要
创建
表单,当滚动通过一个新
的
全
宽
元素
时保持粘滞。 红色矩形是粘滞
的
,当滚动时,它将粘滞在视口
的
顶部。我在这里面临
的
问题是,即使到达绿色部分,我也需要红色矩形保持粘滞。我目前实现这一效果
的
方
浏览 14
提问于2020-03-07
得票数 0
2
回答
CSS网格:如何让项目跨越所有列,并自动调整剩余空间中
的
其他项目
html
、
css
我希望有一个横跨
全
宽
的
标题,并在下面的行有适合
全
宽
的
列。 在下面的示例中,我期望FOO和BAR
使用
整个屏幕
的
宽度(各占50%),但是只要视区超过300px,网格就会
创建
空列。 <div style="
display
:
grid
;
grid
-template-columns: repeat(auto-fit, minmax(100px, 1fr));"&g
浏览 19
提问于2020-09-18
得票数 1
1
回答
在具有任意宽度但定义跨度
的
网格
布局
中放置项目
html
、
css
、
flexbox
、
calendar
、
css-grid
我很难找到正确
的
技术/技巧来显示我
的
布局
。见图: Desired layout picture 此
布局
类似于日历。示例单元格以蓝色表示。对我来说最具挑战性
的
部分是,一个单元格可能有一个子
元素
,它应该跨越多个单元格/列。日历
的
宽度是
全
宽
的
,因此每个单元格都是动态宽度。我最初
使用
的
是HTML表格,但发现它不灵活,所以我开始
使用
CSS
Gri
浏览 11
提问于2018-12-25
得票数 2
1
回答
考虑到网格
布局
中第1行
的
高度,我能有一个完整
的
高度第二行吗?
css
、
css-grid
我有两行
全
宽
的
。第一个有顶部和底部填充,因此它有一个高度。另一个必须是完全高度减去第一个高度。我
使用
了CSS网格
布局
(即使我只有一列,出于个人原因,我也不想
使用
柔性盒
布局
):
display
:
grid
;
grid
-templa
浏览 2
提问于2020-11-11
得票数 0
回答已采纳
2
回答
网格
布局
,需要3个div来占用2列和一行。
css
、
css-grid
div class="one">One</div> <div class="three">Three</div>我希望
布局
完成一个
布局
,在
布局
中,前两个子div作为两个列排列在一起,而第三个子div位于其占据
全
宽
的
一行上。第一个
浏览 10
提问于2022-11-30
得票数 0
1
回答
需要行来填充剩余空间
html
、
css
、
css-grid
请参阅图片以了解它现在
的
情况。我希望黄色部分(.content)将底部
的
黑色部分(.footer)向下推并展开,以占据所有剩余
的
屏幕空间(水平和垂直)。但正如您所见,它既不起作用也不起作用。下面这张图片后面的代码: height: 100vh;
display
:
grid
;
grid
-template-rows: 2fr
浏览 0
提问于2019-01-16
得票数 1
1
回答
如何让UI根据文本
的
大小调整长度和宽度?
windows-phone-7
、
localization
我已经完成了我
的
应用程序
的
本地化。我面临
的
问题是,在中文或其他语言中,一行文本可能是两行。如果文本块或按钮可以根据文本
的
大小增加大小,则会更容易。有什么办法解决这个问题吗?否则,我将不得不将长度和宽度固定到语言
使用
的
最大值,但这样一些语言可能不会占用这么多空间,看起来会很奇怪。 阿尔法
浏览 1
提问于2012-02-07
得票数 0
回答已采纳
2
回答
使标题内
的
文本具有响应性
css
、
responsive-design
、
css-grid
下面的页眉在
全
宽
上看起来很好;但是一旦我开始缩小尺寸,在ipsom lorem文本
的
左边有一个很大
的
间隙,它应该在缩小
的
时候填满整个屏幕。(第一张图片是
全
宽
的
;第二张图片是缩小尺寸时应该发生
的
情况)。 .header {} color: white;
displa
浏览 2
提问于2020-04-18
得票数 0
1
回答
如何
使用
Material-UI
Grid
创建
此“
布局
”?
material-ui
、
grid-layout
我正在尝试
使用
Material-UI网格生成以下
布局
...到目前为止,我只能暴露出我对整个事情了解得有多少。 我想要
创建
的
是: ? 我认为这等同于这个设计: ? 所以我
的
想法是这个结构。</
Grid
> </Paper> </
Grid
浏览 59
提问于2020-01-16
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
基于 Flexbox和CSS Grid 的高效布局
5分钟学会 CSS Grid 布局
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
CSS中图解Grid布局详细教程
迈向 Grid 二维布局时代
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券