腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(759)
视频
沙龙
1
回答
Angular
7
flex
layout
使
表格
完全
填充
父
级
,
而
不是
拉伸
父
级
angular
、
angular-flex-layout
基本上,我希望将
表格
限制在一页中,并
填充
页眉之后的其余高度。如果桌子的高度超过这个高度,我希望它能隐藏起来。但从示例中看,该表似乎延伸了它的
父
级
。我能做些什么来限制桌子的高度?谢谢。
浏览 11
提问于2019-09-27
得票数 2
回答已采纳
2
回答
Safari在移动视图中不工作的Flexbox布局
angular
、
angular-material2
我在我的网站上使用@角形/弹性布局和@角形/材质,但我在使用safari时遇到了问题。在Chrome上,看起来是这样的: 但是在狩猎旅行中,它看起来是这样的: 下面是发生这种情况的代码:
浏览 4
提问于2017-03-02
得票数 1
回答已采纳
1
回答
表格
宽度
不是
100%
css
、
flexbox
、
vuetify.js
我最初尝试使用三个"v-
flex
xs4“标签,
而
不是
橙色的
表格
,但我得到了几乎相同的结果。我对使用v-
flex
代替橙色桌子持开放态度。下面是示例:https://jsfiddle.net/z4d1m
7
hy/1/ 相关代码如下所示。不应编辑v容器之外的任何内容 ' <v-container fluid pa-0 ma-0>', '
浏览 18
提问于2019-01-30
得票数 0
回答已采纳
1
回答
使
div子卷在100%高
父
div内可滚动
css
、
flexbox
、
media-queries
、
angular-material
index.html</div><div class="child"
layout
="column"
layout
-fill> Some content
浏览 5
提问于2017-09-20
得票数 1
回答已采纳
1
回答
沿着具有居中文本的
父
项
拉伸
显示
flex
或table内部div
html
、
css
、
flexbox
、
alignment
、
vertical-alignment
div应该
完全
覆盖
父
div。 我的HTML..。text-align: center;} background-color: lightgreen; } 然而,在这里我将d1,d2和d3设置为100px的高度,
而
不是
父
示例如下:https://jsfiddle.net/bLf2sxq0/ 我的第二个想法是对
父
级
使用display: table,这会导致子
级
的表行
浏览 19
提问于2019-01-21
得票数 1
回答已采纳
1
回答
强制列中的内容在多个断点上保持相同的高度
twitter-bootstrap
、
css
、
twitter-bootstrap-3
、
flexbox
我尝试过在行上使用display:
flex
,但是如果从它中删除指定的高度,它将显示可滚动区域的全部内容,这
不是
我想要的。 基本上,我希望右边的列指定左列的高度。
浏览 2
提问于2016-01-17
得票数 3
回答已采纳
1
回答
以CSS为中心的正方形子节点,受其父节点的宽度和高度的限制(如背景大小:包含+中心)
html
、
css
、
vertical-alignment
我已经看到了许多制作正方形div的解决方案,但我还没有找到一个简单的解决方案,它的行为与background-size:contain; background-position:center center;
完全
相同这种方法几乎是完美的,但它并
不是
垂直地对正方形:#wrapper { height: 300px;} background-color: red;<div id=wrapper&g
浏览 0
提问于2021-08-11
得票数 0
回答已采纳
1
回答
CSS在容器div中
填充
子元素,同时保持高宽比(如背景大小:包含)
html
、
css
我正在设计一个HTML5卡游戏,它将作为一个移动应用程序运行,并且需要使用#table来
填充
而
不是
溢出offsetParent div,同时保持表的正确的纵横比为68%。这意味着它应该调整其大小以
填充
而
不是
溢出,无论是
父
级
宽度还是
父
级
高度,这样它都可以在纵向和横向工作。 一个例子是背景大小:包含在设置背景图像时是如何工作的。只是我
不是
试图设置背景图像,而是试图设置子div的大小。通过这种方式,我可以
浏览 2
提问于2015-01-24
得票数 0
1
回答
没有额外宽度的包装柔性盒
css
、
flexbox
我试图在一个容器中显示一堆盒子,这样当它们达到容器的最大宽度时,它们就会
填充
一行,然后绕一圈。通过在容器<div>上放置以下样式,我可以轻松地完成基本布局display:
flex
;max-width: calcfit-content,max-content,100%)
使
容器约束自己的盒子的大小(即。600便士)。 是否有可能有一个包装的挠曲箱的宽度没有延伸到它的盒子在里面(当有剩余的空间)?
浏览 3
提问于2022-09-16
得票数 1
3
回答
为什么不能调整高度: 100%;一个弯曲的项目?
html
、
css
、
flexbox
#container { width: 500px;} background-color:yellow;
flex
-direction: row; background-color: orange;} background-color: blue;} <d
浏览 0
提问于2018-02-22
得票数 0
回答已采纳
3
回答
如何在浮动内容上使用“`
flex
: grow`”?
html
、
css
、
flexbox
、
zurb-foundation
none show-for-medium columns info"> </div> 为了达到这种效果,我试过使用
flex
和
flex
,例如: display:
flex
; min-height: 100vh; width: 100%
浏览 2
提问于2017-03-02
得票数 3
回答已采纳
2
回答
Flexbox
父
对齐-重写子对齐项-内容
html
、
css
、
flexbox
在下面的代码中,如果我在
flex
列中注释掉align-items行,背景是灰色的,图标之间存在空间。如果我取消评论align-items,背景是蓝色的,图标集中在一起。宽度
不是
从100%开始吗?.
flex
-column {
flex
-direction: column; bac
浏览 1
提问于2018-01-25
得票数 1
回答已采纳
2
回答
工具栏布局与
父
级
宽度不匹配
android
、
android-layout
、
android-actionbar
、
android-toolbar
="match_parent" app:theme="@style/MyToolbar"> </android.support.v
7
.widget.Toolbar>,并且没有
填充<
浏览 5
提问于2017-04-04
得票数 2
4
回答
反应本机默认宽度
react-native
、
components
、
width
这可能是个愚蠢的问题,但我不明白组件宽度是如何工作的。 render() { <View style={{ height: 100, backgroundColor: 'yellow' }}></View> }
浏览 0
提问于2018-01-18
得票数 2
回答已采纳
3
回答
当内部内容具有不同高度时,等高可伸缩项目
html
、
twitter-bootstrap
、
css
、
flexbox
我需要具有相同高度的列,所以我使用
flex
(我使用bootstrap框架)。 border: 1px solid black;.row-eq-height {} border: 1px
浏览 0
提问于2016-06-28
得票数 4
1
回答
带有位置绝对混淆的CSS Flexbox
css
: 0; height: 100vh;} position: relative; display:
flex
浏览 18
提问于2022-03-05
得票数 3
回答已采纳
3
回答
使用
flex
将项目对齐到底部
html
、
css
、
flexbox
、
vertical-alignment
我试图使用
flex
对齐
父
程序内部的项,但是由于某些原因,它无法工作。我做错了什么?border: 1px solid red;display:
flex
;.login {padding:5px;}border-radius: 5px;background-color: black
浏览 5
提问于2016-02-16
得票数 2
回答已采纳
2
回答
Next.JS镜像` `
layout
='fill'`已损坏
css
、
reactjs
、
next.js
在使用Next.js图像组件时,文档声称:“当
填充
时,图像将同时
拉伸
宽度和高度到
父
元素的尺寸,通常与object-fit配对。” 然而,这根本
不是
它所做的。它实际上所做的是
填充
图像,在一个固定的位置占据整个屏幕,
而
不需要滚动。我尝试过为img样式设置可能的单个object-fit值,但是没有任何东西
使
它成为可能,所以组件会像它应该的那样
填充
父
元素。这个问题肯定与这样一个事实有关,即Image组件被包装在一个div中,
而</em
浏览 30
提问于2021-05-06
得票数 7
回答已采纳
1
回答
子元素上的宽度转换不应用于
父
元素。
html
、
css
我正在尝试实现一个我认为很容易实现的小效果:当它的
父
级
在上盘旋时,
使
子div在宽度上展开,并且
使
父
级
的宽度与一起转换。重点强调了我的问题所在;到目前为止,我所取得的成就是,当父母徘徊时,它会立即扩展到最终的总宽度,就好像它事先知道了过渡后孩子的最终宽度,
而
孩子确实过渡到了最后的宽度。pointer; border-radius: 100px; display: inl
浏览 3
提问于2019-11-19
得票数 0
回答已采纳
3
回答
为什么我的按钮是垂直
拉伸
,当它包括一个标志图像?
html
、
css
、
flexbox
、
tailwind-css
、
web-frontend
<nav font-am class="m-6 text-xl"> </div> <a href="
浏览 7
提问于2022-06-15
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS 布局解决方案
CSS布局解决方案
从零开始学 Web之CSS3(七)多列布局,伸缩布局
给萌新的 Flexbox 简易入门教程
从 Chrome 源码看浏览器如何 layout 布局
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券