腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(206)
视频
沙龙
1
回答
强制
angular
mat-
工具栏
和
mat-sidenav
恰好
占据
100
%
的
可用
垂直
空间
angular
、
angular-material
我正在尝试创建一个同时具有
工具栏
和
sidenav
的
Angular
应用程序。我想让
工具栏
和
sidenav
的
垂直
高度加起来达到浏览器窗口
可用
垂直
空间
的
100
%。然而,我想不出该怎么做。目前我有一个
工具栏
和
一个sidenav,里面只有一个height:
100
%。然而,这迫使sidenav大于
可用
<
浏览 10
提问于2020-07-06
得票数 1
2
回答
在flex行中对齐元素中
的
文本
html
、
css
、
flexbox
image.flaticon.com/icons/png/128/56/56805.png" /> </div>现在我需要
的
是将文本
和
图像链接
垂直
地放在
工具栏
的
中间。我知道我可以用align-items: center来完成这个任务,但是这并不适用
浏览 5
提问于2016-11-03
得票数 2
回答已采纳
1
回答
角度垫-侧面不显示在狩猎(康普或移动)
javascript
、
html
、
angular
、
angular-material
我已经创造了一个侧面导航使用角质
的
材料,它只是显示在铬上,而不是在狩猎。我到处寻找解决办法,似乎找不到一个!这是我
的
html: <
mat-sidenav
#drawer class="sidenav" [fixedInViewportlateral-navbar-icons/log-out.svg"> <span>Logout&
浏览 0
提问于2018-09-07
得票数 0
2
回答
使div
的
内容
100
%可滚动,而不延伸到底部
html
、
css
、
twitter-bootstrap
我需要这个侧边栏
占据
100
%
的
宽度;从顶部
的
导航栏屏幕底部(而不是底部
的
内容)。我该怎么做才能让侧边栏
恰好
占据
导航栏
和
屏幕底部之间
的
空间
,而又不会延伸到下方太远?
浏览 1
提问于2016-10-21
得票数 0
1
回答
Famo.us GridLayout没有正确地
垂直
布置表面
angularjs
、
meteor
、
famo.us
、
famous-angular
我希望我只是缺少一些基本
的
东西,但当使用任何类型
的
布局(GridLayout或SequentialLayout)时,我似乎无法让任何著名
的
曲面在
垂直
平面上正确地定位自己。如果我创建一个包含1列
和
3行
的
GridLayout,然后添加3个曲面,我希望这3个曲面共享所有
可用
空间
,将其
垂直
划分为3个相等
的
部分,并占用整个
可用
宽度。然而,所有三个表面都
占据
了
可用
空间
浏览 3
提问于2014-12-07
得票数 0
回答已采纳
1
回答
使选项卡
的
内容占用
100
%
的
可用
空间
,并避免
垂直
滚动条
css
我正在尝试让tab内容
占据
100
%
的
可用
空间
。但是出于某种原因,它生成了一个vertical scroll,因为它显然是在增加选项卡
的
高度。如何在不生成
垂直
滚动
的
情况下,使标签
的
内容
占据
可用
空间
?我使用
的
是ng-bootstrap,如果你不熟悉
angular
,不用担心,在这个动态代码中,你应该只看到styles.css文件
和
浏览 0
提问于2020-09-17
得票数 3
1
回答
无主成分
的
角5材料
angular
、
angular-material
我正在创建一个角5站点,并试图让sidenav专门为较小
的
屏幕大小工作。是否有一种方法可以实现sidenav而不必将主要内容放置在元素中?我只想要一个带有链接
的
边表单,除非我添加mat-sidenav-content并用数据填充它,否则它不会显示。我必须有这样
的
格式: <
mat-sidenav
> ..links..</mat-nav-list>
浏览 0
提问于2018-02-05
得票数 4
1
回答
具有角度材质
的
CSS
html
、
css
、
angular
、
angular-material
我是
angular
的
初学者。我目前所拥有的是一个sidenav容器,它
的
内容是一个mat
工具栏
。现在我
的
问题是,正如你所看到
的
,当用全尺寸桌面查看时,
工具栏
的
背景颜色会拉伸并填满整个宽度,而当用手机查看时,背景颜色并没有完全填充,留下了一些看起来不舒服
的
空白。我已经尝试将mat sidenav内容宽度设置为
100
%,认为它将
占据
宽度
的
整个
空间
。 ? 有关更
浏览 12
提问于2020-09-16
得票数 4
回答已采纳
2
回答
如何保持垫子-
工具栏
和
侧面模式顶部(角质材料)?
css
、
angular
、
angular-material
问题是,当我滚动到底部,mat-menu
和
sidenav上升,我希望他们留在原地(总是在顶部)。我尝试将position:fixed;width:
100
%设置为mat-toolbar,但是div正在增长,因此它隐藏了home按钮。所以这不是工作。
浏览 2
提问于2020-11-08
得票数 3
2
回答
WP7: ScrollViewer视口大小
silverlight
、
windows-phone-7
、
xaml
、
scrollviewer
我
的
目的是让ScrollViewer
占据
屏幕
的
下部(~400px),其内容是
垂直
滚动
的
(内容高度~800px)。现在,没有
垂直
滚动-当我尝试拖动时,视图返回到以前
的
位置,就好像视口大小与内容大小完全匹配一样。当我查看ViewportHeight属性时,它是~800px -与content相同。ScrollViewer
的
高度没有设置(“自动”);我假设它会
恰好
占用
可用
的
空间
。显然不是
浏览 0
提问于2012-03-07
得票数 3
回答已采纳
1
回答
文本-在
垂直
弯曲元素内对齐被忽略。
css
、
flexbox
、
centering
、
text-align
类似问题
的
解决方案似乎不适用于我
的
情况,这比那些问题更具体,因此我不认为这是一个重复
的
问题。注意到,我需要元素是flex,否则它们将失去
垂直
对齐
和
/或它们当前
的
形状。我想要
的
输出是,这三个元素将所有
可用
的</em
浏览 0
提问于2019-03-04
得票数 0
回答已采纳
2
回答
d3树布局-
强制
子节点使用
可用
空间
javascript
、
tree
、
d3.js
、
visualization
我在可折叠
的
树布局示例
的
基础上,使用d3实现了一个基于树
的
布局。 正如您在演示中看到
的
,对于树中
的
每个级别,节点之间
的
垂直
间距是恒定
的
,这意味着节点可以聚集在一起,同时留下大量空白。取而代之
的
是,我希望每一层都
占据
所有
可用
的
垂直
空间
。例如,具有2个子节点
的
级别的节点间距为0%
和
100
%,而3个
浏览 3
提问于2013-04-30
得票数 0
回答已采纳
4
回答
如何在固定大小
的
容器中使图像高度相应地调整大小以调整其下面内容
的
大小
javascript
、
html
、
css
我知道这可能很难,我有10+多年
的
时间使用HTML,但我找不到一个不涉及使用Javascript进行复杂计算
的
解决方案。 我有一个固定大小
的
容器,分成两部分,所以容器有上半
和
下半。上半部分有一个图像。我想要
的
是图像和文本
占据
了所有
可用
的
空间
。如果文本较短,则图像有更多
可用
空间
。如果文本较大,则图像动态地变小。我增加了几个截图来说明我想要什么。在所有情况下,它们都占固定大小容器
的
<e
浏览 5
提问于2015-04-23
得票数 5
回答已采纳
3
回答
圣杯布局(反向圣杯布局)
code-golf
、
css
在CSS
的
圣杯布局,是一个完整
的
高度,3列布局,其中包括一个流体中心柱,
和
两个边柱固定宽度。将其反转,形成一个固定宽度
的
中心柱,并将两个流体宽度列向两侧。关键是要让他们在
垂直
和
水平上
占据
所有
可用
的
空间
。因此,如果在上面添加元素,或者在下面添加元素(假设宽度为
100
% ),则您
的
解决方案应该收缩以容纳。两边
的
元素也是如此。您<e
浏览 0
提问于2013-09-07
得票数 2
1
回答
Sencha Architect中
的
表格布局(Ext.js项目)
javascript
、
extjs
、
sencha-architect
由于一个新
的
项目需求,我逐渐熟悉了Sencha Architect,除了处理Table布局之外,一切似乎都很顺利。Sencha Architect
的
文档很差,Ext.js
的
表格布局文档似乎没有回答我
的
问题。" Table“面板是一个布局为Table,列为2
的
面板。它包含4个面板。我试图实现
的
是通过
强制
表格高度
和
宽度为
100
%来使这4个面板
占据
相等
的
水平和
垂
浏览 2
提问于2012-10-11
得票数 1
回答已采纳
2
回答
在柔性箱布局中,网格
的
高度为零。
flexbox
、
ag-grid
、
ag-grid-ng2
我
的
目标是在一个角度5项目中使用ag网格,并让网格在挠曲盒布局中
占据
所有
可用
的
垂直
空间
。网格似乎很乐意使用“高度:
100
%”,当它包含在一个具有定义像素高度
的
div中时,或者当div有一个百分比高度但不在柔性盒布局中时。但是当我试图把它放在一个柔韧
的
项目中时,它似乎总是没有高度。我怎样才能让我
的
网格扩展到它
的
flex项目容器
的
高度?下面是我所看到
和
尝试
的<
浏览 0
提问于2018-05-17
得票数 8
3
回答
如何使用
Angular
Flex布局
垂直
居中?
angular
、
css
、
flexbox
、
angular-flex-layout
我已经创建了一个简单
的
登录组件,我想
垂直
居中,但我不确定如何使用
Angular
Flex布局库来实现这一点。
浏览 8
提问于2018-01-11
得票数 20
回答已采纳
1
回答
离子-多元素填充
100
%
的
母体<div>高度
html
、
css
、
ionic-framework
我正在Ionic中构建一个应用程序,在那里我试图在div中定位四个row元素
和
一个button。div有一个覆盖整个屏幕
的
height:
100
%,其内容必须延伸到它
的
全部高度。我尝试了以下解决方案,但显然不起作用: position: relative; width:
100
%; position: absolute; height:
100
%;
浏览 2
提问于2016-07-07
得票数 3
回答已采纳
2
回答
它填补了
可用
空间
html
、
css
、
flexbox
、
css-grid
我有一个图像
和
一些描述文字
的
图像下面。我希望图像占用足够多
的
空间
,就像它需要使用div
的
全部宽度一样,但不超过
可用
的
空间
。如果有剩余
的
垂直
空间
,它应该保持在底部。</p>出现滚动条,因为屏幕是
垂直
的
,这不是desired.Additionally,,图像只会缩小,而不会向上。css网格<em
浏览 8
提问于2020-03-11
得票数 0
1
回答
固定JScrollPane
的
高度
java
、
swing
我不知道我面临
的
问题是否只针对我
的
情况,所以我写了一个导致我
的
问题
的
精简版本(以JLabels作为示例组件)。direction : direction; } 框架会自动调整大小以显示我想要/不想要
的
内容将JLabels添加到BoxLayout使它们都位于JFrame
的
顶部-这是我想要
的
,因为我在面板上添加了
垂直
胶水。但是,如
浏览 9
提问于2017-01-13
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Flutter初学者必读的高级布局规则
HTML5+CSS制作Grid网格布局入门及源码
迈拓IP远程数字KVM系统的特性
MySQL什么时候才考虑分表分库?
FIFA骨骼跟踪试验方法手册1.0
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券