调整反应卡的高度而不包括折叠
调整反应卡的高度是指在前端开发中，通过改变页面中某个元素的高度来实现页面布局的调整。这种调整可以通过CSS的height属性来实现，可以设置具体的像素值、百分比值或者使用其他单位进行设置。
在前端开发中，调整反应卡的高度常见的应用场景包括：
- 响应式布局：根据不同设备的屏幕尺寸，调整页面中元素的高度，以适应不同的显示效果。
- 动态加载：根据页面内容的变化，调整元素的高度，以确保页面的内容能够完整展示。
- 用户交互：根据用户的操作或者事件触发，调整元素的高度，以提供更好的用户体验。
腾讯云提供了一系列与前端开发相关的产品和服务，其中包括：
- 腾讯云CDN（内容分发网络）：通过在全球部署节点，加速静态资源的传输，提高页面加载速度。
- 腾讯云COS（对象存储）：提供高可靠性、低成本的云端存储服务，用于存储和分发静态资源。
- 腾讯云Web应用防火墙（WAF）：提供全面的Web应用安全防护，保护网站免受各类网络攻击。
更多关于腾讯云相关产品和服务的详细介绍，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
3回答
我使用的反应-本机模式，其中包含一个视图。视图有一些TextInput元素。当键盘弹出时，View元素全部折叠，以适应剩余的空间，但我不希望视图发生任何更改。
这确实是，而不是发生在IOS上。而且，在相同的应用程序中，安卓的非模态视图中也会出现而不是。
我在我的android中设置了windowSoftInputMode="adjustPan“，但它似乎不适用于Modal。
return(
<ImageBackground source={require('./../images/IMG1.png')}
style={{flex: 1}} ima
浏览 0提问于2018-03-05得票数 8
回答已采纳
1回答
我有一个圆滑的旋转木马，里面有一些手风琴标签。 我需要能够对bootstrap折叠/展开做出反应，并调整旋转木马的高度。 它可以正确地调整自适应高度，但只需完整旋转一次。 我该怎么做呢。
浏览 9提问于2020-06-22得票数 0
2回答
因此，我正在使用Gtk：：记事本制作一个Gtkmm应用程序，在运行时，我将向笔记本添加新的选项卡。但是当我添加的标签比我的屏幕上有更多的空间时，它就会一直从屏幕上移出。
现在我知道大多数Gtk小部件都有很多可以配置的属性，所以我想知道笔记本是否有这样一个属性，它可以自动折叠选项卡或以某种方式缩放选项卡，从而使其适合于小部件/屏幕。
如果不是的话，如果你能给我一些关于如何自己实现这个功能的建议，那就太好了。
浏览 2提问于2016-10-05得票数 0
回答已采纳
1回答
当我尝试在我的终端上运行命令(指向正确的目录)："npm i反应-本机-选项卡-视图-可折叠-标头“。
我有错误说：
npm错误！代码ERESOLVE npm错误！ERESOLVE无法解析依赖树npm！npm错误！解决方案:项目名称npm错误！找到:反应-本机-头-选项卡-查看@4.0.0-rc.13 npm错误！节点_模块/反应-本机-头-选项卡-查看npm错误！响应-本机-头-选项卡-查看@“^4.0.0-rc.13”的根项目npm错误！npm错误！无法解决依赖: npm错误！对等反应-本机-头-选项卡-查看@“^4.0.0”来自react-native-tab-view-coll
浏览 1提问于2021-11-29得票数 0
1回答
嗨，有一个可折叠的面板作为分隔盒的组件之一。它可以展开和折叠，分隔框在展开/折叠时自动调整。
但是，一旦我手动移动/调整分隔线，当我折叠面板时，分隔线框不会自动调整。因此创建了空空间id。感谢您的任何帮助
浏览 0提问于2012-04-19得票数 0
3回答
我想创建一个具有以下要求的简单tabview组件：
它应该占父容器高度的100%
每个面板/选项卡都有一个标头，有一个可以折叠/展开它的按钮和一个内容，其中包含一个treeview组件，并且应该占用面板的所有剩余空间。
如果我折叠一个面板，扩展的面板应该按比例增长。
我准备了一个关于Stackblitz的例子：
我遇到的问题是，面板中的treeview组件没有占据全部高度，因为父组件是一个flex。我对弹性CSS规则非常陌生，我想知道在这种情况下是否有办法强制高度达到100%。
谢谢!
浏览 0提问于2019-06-09得票数 2
我把我的网格放在一个bootstrap标签后面。换句话说，在单击选项卡之前，您不会看到网格。
这导致网格折叠为零大小，导致我每次都必须扩展网格。
我尝试将"object“设置为obj.collapsible = { collapsed : false }
它什么也没做。
我尝试在中设置可调整大小
var obj = { width: 700, height: 400, title: "ASO REPORTS",resizable:true ,draggable:true };
设置为false，这只是到了我根本无法调整其大小来查看数据的地步。
我看到了一个最小宽
浏览 5提问于2018-03-23得票数 0
我想实现一个“模式”视图，就像AppStore在iPad上的‘search’视图一样。
在显示时，应：
仍然显示标签栏。选择任何一个项目都应该将您带到他们的视图作为正常。
没有突出显示选项卡栏项(因为搜索视图是“模态”)。
就现有的API而言，我所看到的最接近的是：
在“搜索”视图控制器上，设置UIModalPresentationCurrentContext模式表示样式。
从选项卡条控制器内部的活动视图控制器中显示“搜索”视图控制器模式(而不是从选项卡条控制器本身)。
然而，这似乎不是正确的道路：
视图控制器显示为。我可以通过-[UIViewControl
浏览 10提问于2011-11-30得票数 3
我有一个带有SizeToContent="Height"的WPF窗口。此窗口包含一个显示最近活动列表的<Expander />。我想要的是，当膨胀器被扩大时，窗口按比例增长。隐藏时，窗口再次按比例调整大小。如果窗口被调整大小，扩展器和它包含的列表视图应该会增长，以使用新的空间。(不要介意那里的颜色来帮我弄清楚这一点)：
法线视图
塌陷
调整为新空间
到目前为止这个效果很好。当<Expander />在调整窗口大小后被折叠时，就会出现问题。与其窗口再次折叠，列表视图只是隐藏：
在调整后崩溃
我的直觉告诉我，当窗口调整大小，从而重写SizeToCon
浏览 11提问于2009-05-08得票数 56
1回答
我有奇怪的要求。我被要求将Kendo网格的所有数据行折叠到它的头部。我知道要崩溃成团体。但这似乎是要实现的有力建议。
下面是建议的Kendo网格，头中有一个箭头。一旦单击箭头，所有行都应折叠为标头。默认情况下，应该处于折叠状态。
请给我开点灯来解决这个问题。
浏览 2提问于2016-08-30得票数 0
回答已采纳
1回答
我有一个按钮，里面有一个网格：
<Button>
<Grid Name="grid">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<TextB
浏览 3提问于2014-04-15得票数 0
回答已采纳
我已经创建了一个由多个部分分隔的可扩展表视图。因为这个表视图在容器视图中，所以每次展开或折叠表视图时，我都需要更新容器视图的大小。
我用tableview.contentsize.height更新了容器的大小，但我发现当它展开或折叠时，内容的大小是不同的。
例如，假设有4个部分，如果我折叠第三部分和第四部分，tableview将返回高度200。同时，如果我只展开表的第一和第二部分，而第三和第四部分是折叠的，内容大小高度超过200。
我发现程序为什么给我如此令人困惑的信息是非常令人沮丧的，因为我需要一个合适的内容大小高度来更新容器视图。这里有没有人能开导我？
浏览 0提问于2018-06-27得票数 0
2回答
我有一个功能性的垂直jquery carousel，因为我已经调整和修改了这里的脚本和示例：
我使用文本作为列表项，而不是图像。此脚本使用固定高度样式，我正在尝试合并自动扩展高度功能。基于li中的内容折叠和展开。
我已经尝试了css的一些方法，比如将某些元素设置为height:auto；或height:100%；，但似乎不起作用。
有没有人能告诉我，我应该把精力集中在如何根据内容自动扩展和折叠？我应该调整javascript而不是CSS吗？
只是在寻找洞察力。
浏览 0提问于2010-03-19得票数 0
1回答
我目前正在使用semantic-ui的网格系统，但这个问题也适用于任何其他网格系统(bootstrap...)
我在放置卡片的一行中有四列(许多卡片带有来自angular2的ngFor )。当我点击一张卡时，它会扩展到行大小的一半(我使用的是angular 2的ngClass )
现在很明显，右边的卡片将被推到下一行，我希望过渡是“平稳的”。有什么建议吗？
谢谢!
浏览 3提问于2016-12-04得票数 1
我在一个窗口中有两个QTabWidgets，其中包含QWidgets和一个额外的按钮，用于折叠控制可见性的选项卡内容。要么是可见的，要么是隐藏的。
当我使用下面的代码设置小部件的可见性时，小部件就会消失，但是选项卡小部件不会调整大小。
for(int i = 0; i < tabWidget->count(); i++) {
tabWidget->widget(i)->setVisible(!hide);
}
我只剩下一个空白的盒子和一个边框，但是窗口中没有任何东西调整大小。
我想要做的是，对于仍然可以展开以占据整个窗口的选项卡小部件，但是其他选项卡部
浏览 1提问于2021-05-21得票数 0
回答已采纳
6回答
我想知道是否有一种简单的方法在运行时在WPF中获取控件的宽度，而控件则被折叠。
当我使用control.Width时，ill会得到以下结果：-1.#IND和control.actualWidth将返回0.0，因为它已经崩溃。
我想调整窗口的大小，然后显示折叠的控件。
谢谢
编辑：
一些细节
--我的窗口中有两个列的网格，第一列包含一个选项卡控件，第二列包含一个扩展器控件。在展开扩展器控件时，我希望扩展窗口的宽度，因此第一列中的内容将保持其大小。
浏览 0提问于2011-04-18得票数 8
回答已采纳
1回答
我有一个图表，工作和显示数据，如我所期望的。
当我使用数据分组并折叠该数据区域时，它似乎不再适用于图表。这是正确的吗?是否有解决方法(除了手动创建摘要数据集之外)？
如果图表在同一选项卡上或不在同一选项卡上，则这是正确的。
浏览 4提问于2014-08-27得票数 0
回答已采纳
我正在设计一个Wordpress模板(站点)，但我遇到了一些麻烦。
基本上在每个页面上都有一个横跨顶部的水平导航(不是固定在顶部)，下面是一个100%宽度(通常约20%vh高)的图片，上面有一些文本。为了将文本放在上面并使其可更改，我将图片容器设置为，然后使用CSS将图像添加为“背景图像”。
但是，当我将页面变小(测试响应性)时，图片下面的所有内容都会折叠在上面。请看附件中的图片来理解我的意思。
当窗口变小时，我如何设置它才能使大图片下面的内容不会在上面折叠？我试过“min-height”，但它似乎不起作用。
HTML：
<div id="introParagraph"
浏览 0提问于2016-06-17得票数 1
1回答
我有一个D3的圆形包装布局在一个引导手风琴(其中所有的标签是在加载展开)。我曾尝试使用以下方法，以便作出回应的布局：
var vis = d3.select("#Vis_container").insert("svg:svg", "h2")
.attr("width", '100%')
.attr("height", '100%')
.attr('viewBox', '0 0 ' + w + ' ' + h)
浏览 1提问于2014-04-21得票数 1
回答已采纳
我在底部视图中有一个带有NSScrollView的NSSplitView。问题是，当我折叠，然后重新打开(取消折叠)底部视图时，滚动视图的高度超出了底部视图的高度，因此scoll视图的顶部被裁剪。我在IB中将滚动视图和拆分视图设置为在所有方向上自动调整大小。在取消折叠后，我是否需要调整滚动视图的高度，或者我是否设置了错误的大小调整属性，或者其他什么？下面是剪辑效果的前后图像。
折叠前：
折叠并重新打开后(请注意底部视图中的滚动条已被裁剪)
浏览 0提问于2009-08-08得票数 2
回答已采纳
2回答
滚动“折叠”菜单中的内容
、、、
我试图找到一个简单的解决方案，当折叠菜单在移动平台上崩溃时，我可以从折叠菜单中找到内容卷轴。我的意思是，当菜单打开的时候，我想先提议一个折叠菜单的卷轴，而不是身体。
在CSS中有关于这个东西的提示吗？还是只有JS脚本？
(请登录移动视图)
我的HTML代码：
<a role="button" data-toggle="collapse" data-target="#NavbarCollapse" class="nav-link navbar-toggler hidden-md-up"><span class=
浏览 8提问于2016-02-08得票数 2
回答已采纳
我有一个任务，使一个手风琴布局只使用香草JS。
我遇到的问题是，当我缩小窗口大小并在折叠面板中打开一个选项卡时，由于文本现在变大了，所以高度增加了，所以当我再次全屏显示时，它的大小仍然是窗口变小时的大小，这给了我很多空白。
function slideDown(element){
element.classList.add('active');
element.style.height="auto";
element.style.display='block';
element.style.margin =
浏览 10提问于2020-05-08得票数 1
回答已采纳
我想在单元格被单击时更改CollectionViewCell的大小。如果单元格已经打开，则需要展开或折叠。到目前为止，我在didSelectItemAtIndexPath方法中使用了以下代码：
UICollectionViewCell *myCell = [collectionView cellForItemAtIndexPath:indexPath];
[UIView transitionWithView:collectionView duration:.3 options:UIViewAnimationOptionCurveLinear
animations:^{
浏览 2提问于2014-10-27得票数 1
我正在使用用于折叠的jQuery UI插件
我注意到，在单击accordion的任何选项卡时，展开行为并不平滑，它的行为类似于敲击和释放。
有没有人能告诉我哪里出了问题，我该怎么解决这个问题。
浏览 0提问于2012-03-21得票数 0
回答已采纳
1回答
我已经创建了一个浏览器，但是当选项卡到达UI的最后一个时，该选项卡不会像铬一样折叠，但仍然保持相同的宽度。
我想要什么？
我想当选项卡到达最后一个选项卡时，应该像chrome浏览器那样折叠。
我想要的。在上面的图片中，标签的宽度保持不变，而不是折叠或收缩。但是在下面的图中，随着添加更多的选项卡，铬浏览器中的选项卡逐渐缩小。
浏览 7提问于2022-03-24得票数 0
回答已采纳
我在Wordpress主题中插入了制表符，它们由不同高度的div组成。当从一个选项卡导航到另一个选项卡时，下面的一些div会跟随选项卡的高度(向上或向下移动)。页脚不动，我不明白。这是我的网站：你可以尝试通过导航标签信息，设置列表和文件。为什么页脚留在原地？
浏览 14提问于2017-08-01得票数 0
回答已采纳
当我试图在jquery中将高度设置为div为auto并再次计算它的高度时，结果是0。为什么会这样？
$('#test').css('height','auto')
$('#test').height(); // 0
我怎么才能计算它的高度呢？
编辑
这是我正在运行的javascript代码：
function visitFix() {
$('.visit').find('.profileDetail').each(function () {
console.log($(th
浏览 7提问于2013-08-02得票数 0
3回答
跳过关于web设计中折叠的重要性的讨论，我想知道在考虑到响应性设计的浏览器折叠上，使用哪种技术来限制特定的部分(例如，可以是div )。有些网站甚至同时使用鼠标滚动和a按钮滑到下面的部分。
例：
我的重点不是幻灯片本身，而是每个部分如何在折叠上呈现，而不管监视器分辨率如何。
浏览 1提问于2015-06-02得票数 1
回答已采纳
1回答
我正在开发一个使用jquery tabs api的网站。对于每个选项卡，我都有一张图片，当浏览器的大小改变时，我想调整图片的大小。
这是其中一个选项卡的示例
<li style='width:15%'>
<a href="/fu...">
<img src="/Funde..." alt="BreakOut" class="breakoutFundviewImage">
</a>
</li>
我通过使用简单的CSS让它在firefox和IE中
浏览 0提问于2011-02-11得票数 2
我已经在BlackBerry 9700的屏幕底部创建了4个包含4个图像的选项卡。我想知道如何动态调整这些选项卡的大小以适应其他blackberry屏幕。当我在9800中测试相同的代码时，我只能看到3个选项卡，而第四个选项卡看不见了。我知道为背景屏幕动态调整图像的大小，但如何对选项卡或图像按钮执行相同的操作？
浏览 2提问于2012-02-16得票数 0
回答已采纳
我想要一个div在页面加载时设置一个div到另一个折叠。
让我们说，我想有一个div A在视口上的网站负载。如果我向下滚动，Div B应该在视口上。所以我可以用一个按钮向下移动到第二个div。
我不想在div b上使用保证金，因为它以后不会有反应，对吗？
我希望示例代码将使它更容易理解。
<div class="container">
<div class="a"></div>
<div class="b"></div>
</div>
浏览 2提问于2016-04-20得票数 0
回答已采纳
我有一个使用手风琴脚本的站点，我想在其中一个手风琴选项卡中放置一个滚动框。然而，scrollbox工作得很好，但破坏了折叠脚本。有没有办法绕过这场冲突？
这是一个只包含折叠脚本的站点：
这是带有jscrollpane窗格和折叠脚本的断开链接：(由于某种原因，我只允许粘贴一个超链接，所以要找到断开的那个，只需将/index9.html替换为/scroll_test.html)
任何帮助都将不胜感激:) Ash
浏览 0提问于2010-11-18得票数 0
1回答
我有一个带有选项卡控件的表单。
我希望每个选项卡都有自己的界面和自己的大小，这样我就可以有必要的按钮布局。
在这个例子中，我只是在改变高度。
目前，我拥有默认的表单高度和默认的选项卡高度设置(由选项卡索引0设置)。
我需要一种编程方法来单独设置每个选项卡的高度，并且在事件selectedIndexChanged中，我能够根据需要相对于当前选定的选项卡调整表单的大小，但我不知道如何单独更改每个选项卡的高度。
我怎样才能做到这一点？
浏览 1提问于2013-10-17得票数 1
回答已采纳
我有几个选项卡，每个选项卡都有tables by slickgrid表库。
每次移动到另一个选项卡。背景选项卡的布局为折叠。
如果你这样做的话。
TabA>TabA>TabA(布局已折叠)
我做了一个函数来修复由resize触发的布局，但是移动到另一个选项卡不会触发resize。
所以当我点击tab时，我需要通过这个$(window).trigger('resize')调用windows的resize。
<a class="nav-link active" id="headlineTab" data-toggle="ta
浏览 2提问于2018-12-06得票数 0
我试图在不使用bootstrap或任何东西的情况下在卡上实现展开和折叠动画，为此，我尝试附加一个过渡属性，但由于某些原因，它在按钮单击上不起作用。 下面是组件: Card.jsx import React, { useState } from 'react';
import './Card.scss';
const Card = (props) => {
const [collapse, toggleCollapse] = useState(true);
return (<div className="card"
浏览 141提问于2021-07-12得票数 2
3回答
萨拉姆
有没有人可以帮我一下WPF Ribbon，我注意到当你给窗口中包含的ribbon控件高度小于250的时候，ribbon会自动折叠。在它自动折叠之后，如果您显式地将它的可见性设置为可见，则只显示标题栏，而不显示选项卡。有什么方法可以阻止这种行为吗？
浏览 8提问于2010-09-04得票数 1
回答已采纳
1回答
选项卡大小设置不正确
、、、
我使用ajax选项卡控件，我的代码如下-
.mar
{
margin-left: 100px;
}
.siz
{
font-size: 200%;
height: 68px;
width: 171px;
}
<div class="mar">
<ajax:TabContainer ID=&
浏览 4提问于2014-03-13得票数 0
1回答
如何在JQuery UI选项卡式面板中获得内容区域的高度？$('.ui-tabs-panel').height()清楚地返回内容区域的高度+选项卡的高度。我假设一定有一种简单的方法来获得这个维度？到目前为止，我在网上搜索还没有找到答案。
如有任何建议，我们将不胜感激！
克里斯
浏览 7提问于2010-04-03得票数 3
2回答
如何将div层设置为以像素为单位的固定高度，但在同一时间内，该高度要以较小的分辨率作出响应？
假设div的高度是：
<div id="size"></div>
CSS
#size {
height:500px;
}
如果我使高度100%，它将调整大小，它将作出反应。那么，为什么我需要这个有固定的大小和响应在同一时间，因为高度，我使用它作为转换元素，发生在这个div一旦点击。因此，我想知道这个问题是否有解决办法。
下面是一个FIDDLe示例：
现在的风格：
#index_slider
{
width:100%;
position: relat
浏览 4提问于2014-01-31得票数 0
3回答
我的网站分为两栏。
<div id="wrapper">
<div id="main">
<div id="center">
<div class="content">
<?php
$page = isset($_GET['page']) ? $_GET['page'] : '';
switch ($page)
浏览 2提问于2015-05-13得票数 2
2回答
我在文章元素中展开和折叠动画到div上。
基于这个小提琴代码：
当div框被展开时("div.expandable")，我不希望将高度硬编码(锁定)留在一个特定的值，因此我通过删除高度值：el.css("height", ""); (动画完成后)来重置它。
在为折叠/关闭动画再次将高度设置为"0“之前，我将恢复高度(返回到136 it )。在重新设置动画之后，没有将动画折叠回height: 0。但是，如果在展开动画之后，将高度保持在136 if，那么折叠动画就能正常工作。
如果您注释掉了el.css("height", &
浏览 6提问于2014-01-28得票数 4
回答已采纳
我有一个标签导航与2个标签窗格。这两个选项卡内容都是动态的，但第一个选项卡内容的行数始终多于第二个选项卡内容的行数。我不希望第二个选项卡内容在我单击第二个选项卡窗格时折叠。我想让第二个选项卡的内容高度与第一个相同。我该怎么做呢？谢谢。
浏览 1提问于2012-05-05得票数 0
使用高图表显示严重的团队数，但随着团队数量的增加，标签会彼此折叠，我是否可以根据团队的数量调整图表的高度。查看图片作为参考，随着团队数量的增加，情况会变得更糟。
浏览 2提问于2014-08-28得票数 0
回答已采纳
2回答
我有一个TabLayoutPanel，我不想给它一个固定的高度，如下面的代码示例(tabPanel.setHeight("100px");)所示。我想给它标签内容的高度，例如在第一个选项卡)。如果我不手动设置hight，则根本不显示选项卡内容。有什么方法可以让这个工作的高度适应内容吗？
public class GWTTest implements EntryPoint {
public void onModuleLoad() {
TabLayoutPanel tabPanel = new TabLayoutPanel(3, Unit.EM);
浏览 0提问于2013-06-09得票数 1
我有一个web应用程序，它使用iframes加载各种面板到视图中。有时，在使用jQuery UI选项卡时，可以将面板放在最前面，同时隐藏其他未使用的面板。在这个特定的实例中，其中一个iframes包含jQuery UI选项卡，而后者又包含iframes。在某些情况下，在这个iframe内部，一个额外的iframe被用来加载另一个面板的软件。在大多数情况下，这一切都很好。但是，在第四层iframe的实例中，在Internet中，如果您更改了jQuery UI选项卡，然后返回以显示这个特定的选项卡，则最内部的iframe仍然是白色的。奇怪的是，做任何事情，比如折叠相邻的面板，在其他地方单击其他不相
浏览 1提问于2015-05-26得票数 0
回答已采纳
我是新的反应和材料用户界面。我在为组件占用多少垂直空间而挣扎。我想做的一件事是降低工具栏的高度。
我试过指定样式：
<Toolbar style={{ height: '36px' }}>
我也尝试过这样做：
const styles = {
root: {
height: 36,
}
};
<Toolbar className={classes.root} >
但这两样都不管用。有什么不同的方法吗？
浏览 2提问于2019-03-25得票数 16
回答已采纳
我有一个绝对定位图像的div。但是我想让高度是动态的，这样它就能显示图像。现在，div忽略图像并将折叠为文本的内容。我怎样才能让div显示整个图像？
<div style="position:relative; height:auto">
<img style="position:absolute; top:100px; left:100px;"/>
</div>
浏览 5提问于2013-12-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
