如何制作和内部Flexbox垂直滚动
制作和内部Flexbox垂直滚动可以通过以下步骤实现：
- 首先，在HTML中创建一个容器元素，用于包裹需要垂直滚动的内容。可以使用
<div>标签，并为其设置一个唯一的ID，例如<div id="scroll-container"></div>。 - 接下来，在CSS中设置容器元素的样式。使用Flexbox布局，通过
display: flex将其设为弹性容器。为了实现垂直滚动，还需设置flex-direction: column，使其内容按列排列。 - 接下来，在CSS中设置容器元素的样式。使用Flexbox布局，通过
display: flex将其设为弹性容器。为了实现垂直滚动，还需设置flex-direction: column，使其内容按列排列。 - 然后，将需要垂直滚动的内容添加到容器元素中。可以使用
<div>等标签创建内容块，并设置相应的样式。 - 然后，将需要垂直滚动的内容添加到容器元素中。可以使用
<div>等标签创建内容块，并设置相应的样式。 - 在CSS中为内容块设置样式，可以设置一定的高度、边距、背景色等。
- 在CSS中为内容块设置样式，可以设置一定的高度、边距、背景色等。
- 最后，为容器元素添加垂直滚动效果。通过设置
overflow-y: scroll，当内容超出容器高度时，将显示垂直滚动条。 - 最后，为容器元素添加垂直滚动效果。通过设置
overflow-y: scroll，当内容超出容器高度时，将显示垂直滚动条。
完成以上步骤后，当容器内的内容超出容器高度时，将会出现垂直滚动条，用户可以通过滚动条或鼠标滚轮进行滚动。这样便实现了Flexbox垂直滚动的效果。
腾讯云相关产品推荐：无
参考链接：
相关·内容
1回答
快把我逼疯了！
我有一个Listview，我正在绑定一个大集合。
问题是这个集合“溢出”，然后项目就看不到了。
如果我设置了高度-那么好，我得到了我想要的和一个滚动条...但如果用户最大化整个窗口，这将不会动态调整大小。那么，我如何告诉它填充它所在的分组框的大小而不溢出，并给我一个滚动条(垂直)。
浏览 0提问于2010-01-22得票数 0
回答已采纳
3回答
我正在做一个使用Bootstrap的网页。我的页面是这样的：
+----------------------------------------+
| Hello |
+----------------------------------------+
| This is some text. |
| This part of the page |
| is contained in a |
| col-md-6.
浏览 0提问于2016-01-30得票数 0
回答已采纳
我已经做了一个简单的enyo应用程序来进行乳头滚动。它是垂直滚动的，但不是水平滚动。所有文档都说你必须设置滚动大小。示例代码使用flex: 1作为大小，有人能解释一下它是如何工作的吗？
code enyo.kind({ name："MyApps.MainApp"，kind: enyo.VFlexBox，components：[ {kind："PageHeader"，content："Scroll"}，{name:"curValue"，content:("Sample Text")}，{kind：“按钮”，capti
浏览 0提问于2011-12-28得票数 1
回答已采纳
1回答
我正在寻找来创建整页的水平滑动内容。我的问题是，我的一些内容需要在幻灯片中垂直滚动。Fullpage并不真正支持这一点，我猜它也不是为它而生的。我想知道实现这一目标的最好方法是什么。
|--- header ----| |--- header --|
| page 1 | | second page |
| more content | | |
| ... | | this one is |
| ... | > | shorter |
| ... |
浏览 2提问于2015-09-25得票数 0
3回答
关于这个问题，我已经尝试了所有我能找到的建议方法，但都不能奏效。我用垂直对齐/行高方法垂直对齐了图像，但不知道如何垂直对齐文本框。
--解决问题后删除url --
向下滚动到第二个或第三个问题，查看我需要的页面类型的示例。我希望比我更有经验的人能立即发现我的错误所在，如果有帮助，我可以提供相关的代码片段。
提前感谢
浏览 0提问于2015-05-11得票数 1
回答已采纳
由于引入了垂直滚动条(如所描述的)，从页面跳转的情况出发，我决定始终使用html { overflow-y: scroll !important; }显示该条，而不使用脚本侦听和更改窗口/文档宽度。我认为，在页面加载后(检测到条形图时)，将条形图设计为完全透明、少按钮的样式，使其看起来没有滚动条，这是另一种选择。在这种情况下，我已经读到用RootPanel代替RootLayoutPanel也可能有帮助，尽管在这个特定的例子中这是不可能的。
如何设置当前本机垂直滚动条的样式，同时避免使用任何类型的包装面板或自定义条，如所述
下面是我如何检测垂直滚动条的方法：
if( RootPanel.getB
浏览 4提问于2013-10-22得票数 0
回答已采纳
我有这样的结构(简化)：
<div id="outer" style="display: table-cell">
<div id ="someOtherDiv">.......</div>
<div id="inner" style="text-align: center; vertical-align: middle">
<img src="path" />
</div>
</div>
我需要
浏览 1提问于2018-09-14得票数 0
1回答
html代码：
<body>
<header style="background-color:green;">header</header>
<main>
<p>some content</p>
<div style="width:2000px">some wide content, makes overflow body</div>
<p>some content</p>
</mai
浏览 15提问于2017-07-12得票数 2
我有一个有8个元素的容器。我想让8个元素并排，并在屏幕上平移时，你滚动或拖动触摸。我不确定我做错了什么，因为如果你反转了溢出，它在垂直方向上工作得很好。 下面是我的代码：https://codesandbox.io/s/panning-slider-zdpmh const appContainerStyle = {
height: "40vh",
width: "100%",
backgroundColor: "black"
};
const appInnerContainerStyle = {
height: "1
浏览 9提问于2021-02-10得票数 0
回答已采纳
有没有人知道如何实现交错网格视图/布局，就像谷歌图像搜索的结果屏幕？见下图。
此网格具有(几乎)相同高度的项。它是垂直滚动的。它对于具有特定顺序项的网格视图非常有用，例如，按发布日期排序。
从视觉上看，在具有等高行的交错网格中，项目的顺序更容易阅读，因为从左到右容易阅读。
将其与具有等宽列的交错网格进行比较。请看下面的图片。项目的顺序是不易阅读的(在本网站的情况下，这并不重要)。所以这不是我要找的！
在中，我找不到如何在上面的第一张图片中创建交错网格的线索。在堆栈溢出上标有交错网格和Android的所有帖子中，我找不到答案。
所以我的问题是:如何实现交错网格：
等高行，以及
浏览 2提问于2016-12-30得票数 1
回答已采纳
2回答
使用，我正在尝试创建一系列水平滚动的，它允许在显示缩略图的行内显示滚动条，如下所示：
使用下面的HTML，我几乎可以做到这一点：
<div class="row">Hello there</div>
<div class="row" style="overflow-x:scroll">
<table>
<tr>
<td>
<div class="thumbnail" style="widt
浏览 10提问于2014-05-06得票数 9
回答已采纳
2回答
我有一个包含两个div的页面，在一个容器div中。我想使用左边的div作为菜单，包含各种链接或文本，并(垂直)自己上下滚动。
第二个div显示了一些内容。通常是一个数据表，但也可以是文本。这个div必须能够根据内容水平和垂直滚动。
我有一些javascript来填充这两个内容，但为了简单起见，我将只显示我的：
-------------------
| | |
| 1 | 2 |
| | |
| | |
-------------------
我遇到的问题是在IE中(我正在运行IE9)，第二
浏览 3提问于2015-09-22得票数 0
我在垂直UIScrollView中的水平UIScrollView中有一个多方向UIScrollView。当我达到最里面的scrollView的水平内容限制时，包含的水平滚动视图开始滚动。
但是当我达到最里面的scrollView的垂直内容限制时，我不会在顶层垂直scrollView上得到任何操作。
如果所有垂直内容在最内层都可见(所以不能进行垂直滚动)，那么顶层垂直滚动视图就可以了。有什么关于如何解决这个问题的线索吗？
如果我将他们的照片分页scrollView嵌入到一个垂直的scrollView中，我会在苹果的"PhotoScroller“示例代码中得到同样的行为。如果照片未缩放，则
浏览 1提问于2012-09-26得票数 1
2回答
我试图设计一个类似于这样的视图：
也就是说，我在另一个UIScrollView中有一个UIScrollView。浅灰色的滚动视图是父视图:它占据整个屏幕宽度，只用于垂直滚动。其中的滚动视图是深灰色的，只占父视图宽度的一部分，只用于水平滚动。
我试图实现的行为是:我希望能够同时垂直滚动父滚动视图的所有内容，包括内部滚动视图中的内容。但是，另一方面，我希望能够水平滚动只有内部滚动视图。
通过将父滚动视图的内容宽度固定到屏幕上，我成功地避免了水平滚动父滚动视图，但我无法避免垂直滚动其中的滚动视图:我希望只有当整个父滚动视图都垂直滚动时，滚动视图才能垂直滚动。
我如何处理这种情况？谢谢!
编
浏览 1提问于2013-08-12得票数 1
1回答
我正在开发一个iPad应用程序，在我的应用程序中，我使用了一个外部滚动视图和一个内部滚动视图。外部滚动视图用于垂直滚动，内部滚动视图用于水平滚动。我也有几个这样的内部滚动视图。
我需要做的是分离垂直滚动和水平滚动，当用户垂直滚动时，只有外部滚动视图响应，当用户水平滚动时，内部滚动视图响应。
现在发生的情况是，用户将他/她的手指放在一个内部滚动视图上，并尝试垂直滚动，它不能正确滚动……
浏览 0提问于2012-09-17得票数 3
回答已采纳
2回答
我在一个页面上有两个div，一个在左边，另一个在right..the右边。div有很多动态生成的标签，所以这个div下面有一个水平滚动条(overflow:auto)。现在这个page.So的高度超过了可见的div，在右边有一个垂直滚动条。所以用户必须滚动到页面底部才能得到水平滚动bar...So我想要的是让滚动条浮动在屏幕底部，而不是页面上，这样用户就可以访问水平滚动条了。
浏览 0提问于2011-08-05得票数 2
我正在使用Chrome中的CSS3的flexbox (不用担心跨浏览器的问题)。我很难说服它以我喜欢的方式展示我的内容。这是我的目标的草图：
这是我尝试的jsFiddle：，这似乎很好用，除了每个.group将扩展其高度，而不是创建多个列。
我在这里广泛使用了flexbox。body垂直布局，#content div采用页面的剩余高度。每个.group都是水平布局的。最后，每个.item都通过包装在.group中垂直布局。
不幸的是，通过扩展.group高度，每个#content最终都变成了一个单独的列，这导致了垂直滚动条(不需要的)。如果我将每个.group的高度设置为固定的像素大
浏览 1提问于2012-12-28得票数 16
回答已采纳
我用以下代码实现了水平滚动：
如何实现多行水平红蓝框(保持水平滚动)，行可以垂直滚动。
此外，我如何编程地添加<View style={styles.view} />内滚动视图，无论是水平滚动还是垂直滚动？
浏览 4提问于2019-12-19得票数 0
回答已采纳
2回答
我正在创建一个布局，其中数据应该垂直滚动，每行数据应该垂直滚动。为了实现这一点，我使用了UITableView作为父对象，并在每个UITableViewCell中添加了用于垂直滚动的UITablview。
父UITableView只有两个部分，每个部分都有子UITableView。子tableView有超过50行。我正面临滚动问题。我希望子UITableView仅在相应部分到达屏幕顶部时滚动。现在它的行为是独立滚动。
我们如何才能做到这一点？
浏览 13提问于2017-02-24得票数 1
1回答
当使用对垂直中心内容的转换时，如果内容不高于视图端口，则工作正常，但如果它更高，则无法滚动以看到最上面的内容。有解决办法吗？
CSS
.center {
position: $position;
top: 50%;
transform: translateY(-50%);
}
p{
height: 1500px;
}
HTML
<div class="center">
<h1>I am pushed off screen!?</h1>
<p>Tall Content...</p>
浏览 1提问于2016-03-14得票数 1
回答已采纳
我有一个带有标题栏和两列的页面。这两列的位置是绝对的，这样它们就可以将背景色扩展到页面的底部。以下是制约因素：
我希望右列的左边从左列的右边开始。
左列中的文本随一些ajax请求而改变。它需要扩展，所以我不能在左列上使用固定的宽度。
正确的列的宽度并不重要。它的高度必须至少填充页面垂直100%到底部。如果内容位于页面底部以下，则背景应与其一起扩展。
这个想法是，用户将访问这个首页，它看起来是“满的”，因为在所有三列中，几乎水平地占据了整个页面，而必须垂直占据整个页面。当它们向下滚动时，左列可以结束，右边列可以继续。
我已经使用javascript完成了这一工作。
$(
浏览 11提问于2013-06-12得票数 4
1回答
我有一个由这个垂直结构组成的应用程序:一个导航栏、一个搜索部分和一个带有结果的表格。这些树元素中的每一个都占用了它所需要的空间，而不使用固定的大小。更多的搜索部分有隐藏的子部分，因此它的大小可以随着时间的推移而改变。
我想做的是:我想让这三个部分独立地调整它们的高度，以占据所有的空间。但是，由于我可以在桌面上得到很多结果，这个结果最终需要一个垂直滚动条。因此，我想看到的唯一滚动条是表的结果部分。
如果我设置
溢出:自动
在全局CSS中，如果表有太多结果，我会看到一个全局滚动条。
如何强制表使用屏幕上的剩余空间，并在需要时显示滚动条？
浏览 0提问于2018-12-07得票数 1
回答已采纳
我在解决如何在垂直布局(在本例中是垂直)中调整水平滚动(ListView)的大小时遇到了问题。
我希望ListView和它的内容一样高，但是我不知道如何通过水平滚动来实现这一点。
例如：
ListView(
children: [
//How do I size this ListView to the height of its child?
ListView(
scrollDirection: Axis.horizontal,
children: [for (int i = 0; i < 2; i
浏览 6提问于2022-04-24得票数 0
我们将sencha touch用于一个网页，该网页包含五个可水平滚动的面板，所有这些面板都包含在一个可垂直滚动的nestedList中。
一切正常，但滚动是松散的(因为页面是双向滚动的，如果在面板上的滚动有点倾斜，整个页面也会滚动)
所以我想要做的是，当水平滚动发生时，禁止垂直滚动，我如何检测到这一点？
备注：
-I不能使用转盘，因为面板同时显示多个项目(不只是一个)
-I尝试使用jquery .scroll()检测滚动，但没有触发
谢谢
浏览 1提问于2012-02-21得票数 1
回答已采纳
我正在开发wp 8.1应用程序。我有一个堆栈面板，其内容必须动态添加和垂直滚动。为此，我在堆栈面板之外使用Scroll Viewer。内容滚动正常。但是，我的问题是，在最后一个内容之后，当我滚动时，堆栈面板本身也会滚动。如何防止堆栈面板被滚动。
提前谢谢。
浏览 4提问于2015-06-09得票数 0
1回答
我有一个布局，是由一个标题和3个垂直面板结构。所有垂直面板都可以水平展开/收缩，并且需要将页面的100%宽度填充在一起。面板还需要占据100%的垂直空间后，报头(标题有一个自动高度)。
每个面板本身都需要可滚动，而不需要滚动整个页面或影响页面上其他面板的位置。
我所面临的问题是，这些面板既需要水平相对定位(以便它们一起填充100%宽度)，也需要作为垂直固定定位，以便在滚动时保持不变。
如果我使用position:sticky，它工作良好，但不受Chrome/Opera的支持，因此不是一个选项。如果我使用javascript，我在收缩/扩展时还会遇到其他问题，因为它们也有动画，而且看
浏览 3提问于2016-02-18得票数 0
回答已采纳
我不使用DataGrid或ListView，而是使用ScrollViewer和网格创建包含每个单元格列项目包装面板的单元格。
我希望有类似于datagrid或listview的头列的东西，在垂直滚动下面的项目时保持冻结，但是让它水平滚动。
我现在有下面这个主窗口的根目录，除了当有一个垂直滚动条显示时，项目的对齐是关闭的。
备注：
头列在后面的代码中动态添加到下面的"mainGrid“中，每个列的大小为"1*”，并通过允许水平滚动条但禁用垂直滚动条而“冻结”。然后添加一个内部滚动查看器，禁用水平滚动，但允许内部“行分组”的垂直滚动。 ItemsControl的ItemTempla
浏览 8提问于2011-11-27得票数 7
回答已采纳
我正在构建一个基于今年谷歌IO支持的prpl模式概念的聚合物应用程序。与这个问题特别相关的是，这意味着有一个index.html文件，它加载web组件polyfil，并且它的主体<my-app>中只有一个元素。
<my-app>反过来使用聚合元素<app-header-layout>集在顶部工具栏上提供瀑布效应，进行会话管理(以确保用户登录)，然后将所有其他内容委托给<my-pages>元素。简单地说，<my-app>看起来如下：-
<app-header-layout>
<app-header fixe
浏览 0提问于2016-09-09得票数 0
2回答
有没有办法创建可滚动的DHTMLX Chart(条形图或折线图)。
根据我在代码中的理解，该图表在三个画布中绘制。一个用于水平线，一个用于垂直线，另一个用于实际图表。因此，我无法使图表可滚动。
我可以将总图表放入DIV中，然后我就可以使用overflow:scroll了。但是当我滚动到右侧时，y轴标签将被隐藏。
有没有办法用DHTMLX chart绘制可滚动的图表？可滚动的意思是像DHTMLX Gantt一样。
你能给我推荐一下吗？提前谢谢。
浏览 2提问于2014-12-09得票数 0
我有一个底部的条，将被折叠时，滚动。无论我做什么，我都不能垂直对齐它的内容。 .Bar {
background-color: rgba(245, 245, 245, 1.0);
position: fixed;
bottom: 0;
width: 100%;
height: 12vh;
}
.barElement {
background-color: red;
height: 100%;
width: 22%;
float: left;
}
.barEContainer {
background-color: green; /* this
浏览 10提问于2019-04-19得票数 0
回答已采纳
1回答
如何向表格添加水平滚动
、、、
我有一个表格，其中我有固定的标题和tbody上的垂直滚动。但是，此表中的列可以显著增加，我想添加水平滚动。当有超过3列时，表看起来不正确。
带有三列的JS小提琴(应该是什么样子)：
具有四列的JS小提琴(这看起来应该像三列小提琴)：
我认为有问题的类是header-fixed。它具有以下特性：
.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after {
content: ' ';
display: block;
visibility: hidden;
浏览 1提问于2018-04-24得票数 1
1回答
我使用以下技术在DIV中将文本垂直居中：
.nav-wrap>ul>li>a div{
height: 100%;
display: flex;
justify-content: center;
align-content:center;
}
它用于导航菜单，其中一项如下所示(它在UL中的LI项中)：
<a href="#" data-dropdown="training"><div>Online Training/Resources</div></a>
在Chro
浏览 1提问于2015-01-16得票数 3
我有一个div容器，在这里我想放一个居中的图像和一个小的描述在右边。规格如下：
图像的底部边缘应为35 of。
图像应该始终在屏幕上完全显示，因此当屏幕显示时它会调整大小。它应该有尽可能大的大小，但不要被裁剪，永远不要使用滚动条。
图像应该相对于容器居中，文本显示在右边的边缘。
文本应该水平地左对齐，中心垂直对齐，并与图像有30 be的距离。
我尝试过在容器中使用table并使用div，但是找不到干净的解决方案。我可以给你看我按要求试过的不工作代码。
浏览 0提问于2013-06-28得票数 2
我想让垂直滚动条在vaadin 8网格中始终可见。为什么？因为如果出现垂直滚动条，列就会移动一点，以便为垂直滚动条腾出空间。因此，我希望垂直滚动条始终可见，这样列将始终在相同的位置。我已经尝试了的变体，但无法使其工作： 在java中： ordersGridDetail.addStyleName("gridAlwaysScrollbar"); 在scss中： .gridAlwaysScrollbar .v-grid {
.v-grid-scroller-vertical {
overflow-y: scroll !important;
}
}
浏览 10提问于2020-11-03得票数 0
我们如何让ListView正常运行？我正试图在我的ListView中垂直滚动，我终于能够得到一些垂直滚动的东西，但ListView的高度一直在扩大！并且设置MaxHeight不会做任何事情。
<StackPanel x:Name="ActivityLog" Margin="0, 201, 0, 0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
<ScrollViewer ScrollViewer.VerticalSc
浏览 3提问于2013-06-05得票数 1
回答已采纳
1回答
我在一个移动网站上有一个简单的正方形SVG艺术元素。如何在纵向模式下水平居中，然后垂直居中？无论朝向和Safari&Chrome友好，基本上都是完美的中心匹配？？
有关于垂直居中的抨击。有没有一种简单而有效的方法来实现这一点？
浏览 1提问于2017-07-13得票数 0
1回答
我正在处理windows应用程序，当我单击ZoomIn按钮时，该窗口打开一个垂直和水平滚动条。如何使用squish测试滚动条？
浏览 3提问于2016-06-29得票数 1
当我有很小的形象时。而它的父母更大(例如。200x200)然后，我希望图像在父文件中垂直和水平地居中。
但当图像变宽时(例如。与父(200x200)相比，我希望它放在父服务器的左侧，并有一个水平滚动条来滚动和查看整个图像。
当图像较高时(如。(100×300)与父文件相比，我希望它放在父文件的顶部，并具有垂直滚动条，以便能够看到整个图像。
我知道如何在Javascript中这样做，但我需要一个CSS解决方案。
浏览 5提问于2017-10-05得票数 1
回答已采纳
3回答
让div水平换行
、、
我正在写一个博客，其中搜索文章的结果将包含在div中。我的网站的布局都是水平的(即文章水平滚动)。
创建一行div很容易，但这不是我想要的。如果我用图表来解释会更容易些。下面是我想要的div：
______________ ______________ ______________
| Div 1 | | Div 4 | | Div 7 |
|______________| |______________| |______________|
______________ ______________ ______________
|
浏览 1提问于2017-08-02得票数 6
回答已采纳
从一周以来，我一直在努力解决我的问题，我真的尝试了所有的方法！我有一个两列的布局(左:内容/右:内容描述)。我想要这个两栏的全高页面，我找到的唯一方法是：
body {
margin: 0;
height: 100%;
padding: 0;
}
#rightcol {
position: absolute;
top: 0;
bottom: 0;
right: 0;
overflow-y: scroll;
height: 100%;
text-align: right;
}
在我的列中居中
浏览 0提问于2016-08-08得票数 0
我使用GridViews表示不同文件夹的文件。具有一行和水平方向的GridViews在垂直ListView中有序。
在这里，您可以从代码中得到一个想法：
<ListView ItemSource={Binding CollectionOfFolders}>
<ListView.ItemTemplate>
<GridView>
<GridView.ItemsPanel>
<ItemsPanelTemplate>
浏览 1提问于2018-05-18得票数 0
1回答
我有一个包含数据网格的画布。我将画布的水平和垂直滚动设置为“off”，将DG的水平和垂直滚动设置为“auto”。直到我在DG (>=16)中有了更多的列，垂直滚动条才会出现。有没有人看到这个，更好的是，有一个答案？
浏览 4提问于2009-01-14得票数 0
1回答
我想在我的body中创建最后一个div来填充剩余的空间，但是我遇到了一些麻烦。我有这个HTML：
<body>
<div class="content"></div>
<div class="footer"></div>
</body>
还有这个CSS：
body, html {
height: 100%;
}
.content {
height: 100px;
background-color: red;
}
.footer {
height: 1
浏览 0提问于2015-03-11得票数 0
1回答
我有一个固定大小的容器，我希望在其中显示可变长度的多行文本与已知的字体大小，线高度等。
如果文本适合容器内:它是垂直居中的。
如果它不适合容器内：
任何溢出都是每行隐藏的om (也就是说，最后一行要么完全显示，要么隐藏，而不是半隐藏)。
从一开始就显示文本(而不是因为垂直对中而只显示中间部分)。
一个省略号被附加到文本中(不管是真实的还是通过CSS攻击的假的)。
作为一个奖励，如果有更多的动态解决方案滚动文本或“阅读更多.”自动插入通过JavaScript，请提到这些或张贴链接.
该解决方案应该有效，或者至少对从IE9开始的旧浏览器(不关心早期版本的IE)
浏览 2提问于2016-04-21得票数 1
在得到的回复后，我有一个类似于此的页面。
<div style="white-space: nowrap;">
<span style="display: inline-block; width: 280px">...</span>
<span style="display: inline-block; width: 280px">...</span>
<span style="display: inline-block; width: 280px
浏览 1提问于2014-01-16得票数 2
回答已采纳
2回答
垂直居中竖排文本
、、
我有一些垂直的文本，我不能在他们的div中垂直居中。下面是一个例子：
请参见3个div (2个橙色和1个红色)。divs中的文本没有垂直居中，导致文本泄漏到div之外。
我已经用vertical-align: middle试过了，但是什么也做不了。
如何在div中垂直居中竖排文本？
浏览 5提问于2013-10-08得票数 3
1回答
我有一个页面有两个iframe内容是水平拆分。左边的是树视图类型，它的大小初始为零。右边的总是显示出来的。当右侧iframe中内容的大小增加时，它会创建一个滚动条。不会显示iframe的垂直滚动条，但浏览器滚动条会针对垂直滚动进行调整。
水平滚动条也能做到这一点吗？我有iframes，如scrolling=auto；frameborder=0;height=100%等。我检查的许多问题都是隐藏滚动条或对齐问题。我好像找不到这样的东西。敬请指教。
谢谢。
更新
在这个链接中，我的主要内容有滚动条，浏览器也有滚动条。我只想使用浏览器的滚动条，而不是iframe。
浏览 0提问于2012-08-31得票数 1
回答已采纳
2回答
申报物品的高度
、、
我正在创建我的投资组合网站 --我最近把它部分转换成了引导，它看起来很好，但是你可以看到，在主页上，有一个水平滚动到什么都没有，而且盒子不是相同的高度。我已经知道了霍里兹。滚动与垂直滚动条的宽度相同，所以我不确定这是否是问题的一部分。
如何解决水平滚动问题，以及如何使这些框保持相同的高度？
目前，我的文章中有这样的样式代码，该对象具有以下框：
article {
padding: 10px;
border: #ff4100 solid 7.5px;
border-radius: 15px;
}
这是文章本身的HTML：
<div class="fl
浏览 4提问于2017-03-31得票数 0
回答已采纳
我需要有一个div ( DivParent )，这需要有2个其他的div ( divContainer，divButtons)，在那里divButton将显示在divParent的最底部和divContainer将使用整个剩余空间的divParent直到divButton，但它不能重叠的divButtons，如果divContainer的内容太大，我需要垂直滚动条来显示。 我有以下或多或少的工作，但divContainer似乎重叠了divButtons，如果内容太大，它不会显示垂直滚动条，即使我指定overflow: auto或overflow-y: auto。 <div id=
浏览 22提问于2020-10-20得票数 0
我希望在另一个包装器中有一个动态高度div，它总是填充父容器，并自动缩小其大小，在发生溢出时显示一个垂直滚动条供用户滚动。
下图是我所期待的：
目前，内容窗格只是溢出包装和推送页脚窗格的视线之外。
小提琴在这里，
#wrapper{
padding: 10px;
vertical-align: middle;
background-color: cyan;
min-height: 100px;
height: 300px;
max-height: 300px;
}
#dynamic{
background-col
浏览 3提问于2013-08-15得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
