页脚中的Bootstrap垂直中心容器
是指使用Bootstrap框架实现的一种页面布局方式，用于将内容垂直居中显示在页脚中。
Bootstrap是一个流行的前端开发框架，提供了丰富的CSS和JavaScript组件，可以快速构建响应式网页和Web应用程序。它的垂直中心容器功能可以通过以下步骤实现：
- 创建一个页脚容器：使用HTML和Bootstrap的容器类创建一个页脚容器，例如：
<footer class="container">
<!-- 页脚内容 -->
</footer>- 使用Flexbox布局：为了实现垂直居中，可以使用Flexbox布局。在页脚容器上添加Bootstrap的Flexbox类，例如：
<footer class="container d-flex align-items-center">
<!-- 页脚内容 -->
</footer>这里的d-flex类将容器设置为Flexbox布局，align-items-center类将内容垂直居中。
- 添加页脚内容：在页脚容器中添加需要显示的内容，例如：
<footer class="container d-flex align-items-center">
<div class="text-center">
<p>版权所有 © 2022</p>
<p>公司名称</p>
</div>
</footer>这里使用了Bootstrap的文本居中类text-center来使内容水平居中。
通过以上步骤，就可以实现一个页脚中的Bootstrap垂直中心容器。这种布局方式适用于各种网页和Web应用程序，可以使页脚内容在不同设备上都能够垂直居中显示。
腾讯云提供了云计算相关的产品和服务，其中与前端开发和页面布局相关的产品包括云服务器、云函数、云存储等。您可以通过腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
1回答
保持响应性的同时屏幕上的中心元素
、、、、
我试图找出一种方法来定位棕色chevrons，这样，当it 垂直地停留在屏幕的中心时，用户会滚动，但不会切入页眉图像或页脚。
我知道这可以用position: absolute解决，但我想保持Bootstrap的响应能力。我该怎么做呢？
标题
页脚
浏览 0提问于2016-12-23得票数 1
回答已采纳
3回答
我尝试在底部的中心设置引导页脚内容。但不幸的是，页脚没有设置准确的中心位置。我还没有弄清楚这些错误。请帮帮我。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script
浏览 0提问于2019-08-05得票数 0
回答已采纳
3回答
我试着把一页分成三个部分。头、身和脚。我发现了的博客帖子，它接近我所需要的。但是当你向上或向下滚动时，页眉和页脚与他的方法是粘在窗口上的。
此外，我想要一个额外的div在身体部分，它是中心的水平和垂直，固定宽度为600 an。高度应该是自动的，但不要重叠页眉或页脚。因此，填充应该在这两个部分之间，以及。
我对中心部分使用了方法，它工作得很好。但我也在使用Twitter Bootstrap 3。我永远也得不到我想要的结果。
有人能帮我至少在没有TB3的情况下工作的基本知识吗，这样我就可以从那时开始自己解决它，使它与TB3一起工作。
提前感谢！
编辑来总结这一切我想要的是：
一页分为三个部分，
浏览 2提问于2013-10-14得票数 0
回答已采纳
1回答
仍然是一个新手，学习Bootstrap的实用程序和布局。尝试利用Bootstrap的..flex、.flex和.flex列来创建一个固定的左侧侧边栏和页面右侧的主要内容。我需要的一些要求是：
侧边栏仍然固定在原地。我不希望它与主要内容滚动。
主要内容需要在它的弹性列窗口中以水平为中心。
我希望能够使我的主要内容的模板，我可以使用不同的布局到位。例如，我想让一个页面有一个垂直中心的搜索表单，底部有一个页脚，而另一个网页有很多内容不是中心的。
我几乎有了一个可行的解决方案，这可能是一个简单的解决方案；然而，我对主要内容的布局并没有像我想的那样做出响应。我正在尝试创建一个例子，它
浏览 3提问于2022-03-10得票数 0
我使用bootstrap模式窗口与我的项目的下一个和上一个按钮，默认情况下“模式-页脚”在底部。我想保持下一个和上一个按钮在左和右与垂直中心的模式窗口。
请提个建议。
浏览 13提问于2016-08-08得票数 0
回答已采纳
我想中心的所有内容在页脚在id="footer-content"下始终水平和垂直中心独立于页脚大小和标签计数。如果更改页脚大小或添加/删除某些标记，页脚内容必须保持中心水平和垂直。
#footer {
min-height: 100px;
height: 100%;
background-color: #f5f5f5;
text-align: center;
vertical-align: middle;
border-style: dashed;
}
<footer id="
浏览 3提问于2016-06-02得票数 0
回答已采纳
4回答
固定图像的位置
、、、
我沿着链接创建一个页眉和页脚，并将一个图像之间的页眉和页脚图像的大小为基础。
link is http://jsfiddle.net/Gajotres/yndsW/
但问题是页眉和页脚之间的图像是垂直滚动的。我如何避免它，并将它固定在中心位置？
浏览 1提问于2013-05-07得票数 0
回答已采纳
我有一个要求，我们有页眉，中段和页脚。
页眉和页脚的高度可以或多或少取决于不同的屏幕大小和内容。
页脚将是粘性的，如果页面不包含滚动，则在屏幕的末尾，如果小屏幕发生滚动，则页脚不应与中间内容重叠。典型的贴纸页脚行为。
中间部分包含两列。每一列内容应该垂直中心对齐。
请参考下面的截图
注:我可以使用普通的粘性页脚和CALC调整高度的主要内容，但它不会是动态的。我不想使用javascript来完成DOMContentLoaded和窗口大小调整的所有数学运算。
浏览 1提问于2019-02-19得票数 1
回答已采纳
我正在使用Bootstrap Card，在页脚，我有两个按钮。我需要做的是在绝对中心对齐一个按钮，并在页脚的左侧对齐另一个较小的按钮。两个按钮都应该垂直居中对齐。 下面是我的代码： <div class="card">
<div class="card-header">Header</div>
<div class="card-body">Content</div>
<div class="card-footer">
浏览 40提问于2019-07-01得票数 0
回答已采纳
我有一个简单的页面布局与垂直居中的内容框使用flex。
我使用min-height: 70vh;扩展容器高度，允许内容框垂直中心。
我也有一个页脚，它的高度差距是拉伸到底部的页面使用flex: 1;。
问题
如果内容框有足够的内容使其比页面更高，那么页脚不会被推到底部并与页面一起滚动。示例：height: 2000px;
如果我删除了min-height: 70vh;，那么页脚就会按它应该看到的方式推到页面的底部。
HTML/
<!DOCTYPE html>
<html>
<head>
&l
浏览 1提问于2017-02-25得票数 2
回答已采纳
我可以想出几种解决这个问题的方法，但我的问题是，我是否错过了一种本土化的方法。
我的页面上有页脚。我想显示一些文本，这是对齐在页脚。但我也希望文本中心垂直对齐。
当前的想法是在元素中添加一些填充，但是如果我决定以后使页脚可调整大小，这将破坏设计。还有一些其他CSS方法不使用本机Flexgrid选项。
另一个想法是在div中放置div (例如，任何元素)，然后将第一个对齐内容居中：中心第一个，对齐内容:flex，内部一个。这是可行的，但有点混乱。
然而，我想知道的是，我是否可以本机告诉Flexgrid将内容与右侧水平和垂直中心对齐呢？
浏览 3提问于2017-10-31得票数 1
回答已采纳
1回答
Stack Overflow上的这个页脚是一个梦想:全长页脚的颜色与正文不同，但文本与中心列对齐，并且粘在页面的底部。
我想我得到了粘性的部分，但不能概念化如何与全长页脚对齐它的事情。
我想知道是否有人已经成功地构建了像Stack Overflow中这样的页脚，他们是否可以帮助我理解编码。
浏览 0提问于2012-10-23得票数 0
1回答
我有一堆UI组件包含在堆栈视图中。我希望该堆栈视图在其父视图(即容器视图)中水平和垂直地居中。但是“水平中心”和“垂直中心”选项是不可设置的。如何做到这一点？
编辑1: --这是我在设置“容器中的水平”和“垂直于容器”时得到的结果。
浏览 4提问于2017-10-22得票数 0
1回答
我需要照片中的所有东西都是垂直对齐和居中的，我试过了
#页脚-徽标{页边距:0自动；}
#站点-页脚__rte rte，em {对齐-文本:中心；}
浏览 4提问于2022-01-14得票数 0
尝试使用Bootstrap-4构建新站点 我正在尝试将一个徽标与左边对齐，一个链接按钮在中间，一个链接按钮在页脚div的右边。目前，我已经让它工作了，除了徽标是垂直对齐的，所以它的顶部是中间而不是图像的中心，所以它挂得很低！ 我已经尝试了垂直对齐，并尝试了对齐内容设置。 .footer {
background-color: #68B3E2;
text-align: center;
padding: 30px;
justify-content: space-around;
}
.logo {
display:inline-block;
float:left
浏览 5提问于2020-04-01得票数 0
回答已采纳
2回答
我有非常具体的要求，对中心的元素，所以我决定尝试柔性盒。
请求如下。我有三个元素垂直堆叠。
页眉、内容和页脚。
一个特殊的条件是有中间元素“内容”以页面为中心(垂直和水平)和页眉，页脚从上到下贴在上面和下面。它应该适用于调整窗口大小。为了更好的演示，有了硬编码的解决方案。
我试着用flex来解决这个问题，但我得到的只是所有三个元素都集中在一起。
我在看如何告诉flex-box“第一个和最后一个元素应该相同，最大可能的高度”。
html
<div class="wrapper">
<div class="header">
<
浏览 0提问于2015-05-07得票数 0
回答已采纳
我得到了一些不应该那么困难的奇怪行为。所以我有两个目标。我需要的页脚实际上看起来像一个页脚，并在底部的页面。同时，我希望类".center_div“的div同时位于页面的垂直中心和水平中心。
我从其他在线解决方案中复制和粘贴了css，希望它最终能工作，但是.我还没成功。我将继续谷歌搜索，试图找到更多的解决方案，我只是困惑于什么可能是错误的我的代码。
我的html的相关部分如下。我包括我正在使用的css cdns，以防它们实际上是问题的根源。还请注意，这是一个烧瓶应用程序：
#page-container {
position: relative;
mi
浏览 2提问于2019-09-09得票数 2
6回答
我试图垂直对齐这个按钮在中间的模态页脚div。下面是指向我的JSFiddle：的链接
.modal-footer {
background-color: #2A3E5D;
color: white;
height: 100px;
padding: 2px 16px;
}
.wrapper-div {
vertical-align: middle
}
.button {
background: #e8e8e8;
display: inline-block;
font-size: 12px position: relative;
}
<div clas
浏览 6提问于2017-07-26得票数 34
回答已采纳
2回答
玩反应引导，我不能让我的SVG垂直中心。构成部分：
ComingSoon.js
import React from 'react'
import { Container, Row, Col, Image } from 'react-bootstrap'
// SVG
import comingSoonSVG from './coming-soon.svg'
const ComingSoon = () => {
return (
<Container className="h-100">
浏览 0提问于2020-12-12得票数 0
回答已采纳
9回答
如何将我的文本“由Derrick服务创建”与我的页脚右下角对齐，并且仍然在页脚中具有“版权c 2022杰西卡史密斯”的水平和垂直中心？
.footer-section {
background-color: #000;
height: auto;
padding: 80px 0;
color: #fff;
}
.copyright {
text-align: center;
}
.copyright-creator {
text-align: right;
padding-right: 30px;
}
<section class="foote
浏览 26提问于2022-06-10得票数 1
回答已采纳
1回答
我想把一个页脚，一个版权，放在我的表单底部:即使主内容的高度更大，我也希望页脚总是可见的，并且有一个与主内容相关的垂直滚动条。下面是一幅具有暗示性的图像：
如何做到这一点？
浏览 4提问于2014-05-19得票数 0
回答已采纳
2回答
我开始学习Bootstrap4我有下面的html代码，
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/boot
浏览 0提问于2019-07-14得票数 0
回答已采纳
1回答
我很难让我的网站上的页脚工作。页脚被分成两部分。第一节是mainFooter区，第二节是类似版权区。
我有版权领域的徽标和mainFooter的标志。我需要让他们中的两个人时刻保持一致。这真的是一个标志，但分裂成两个脚，因为它是一个愚蠢的标志。
就是这样：
因为这一行，我们必须将页脚分成两部分。但是，“现在艺术”的文字绝不能与建筑物不一致。
因此，我的解决方案是在这两个元素上使用绝对定位，设置右:0，底部:0，并使用边距、顶部/底部调整它们的位置。
问题是，这只在徽标真的很远并且没有真正与页面上的其他内容对齐的情况下才能工作，因为所有其他内容都是以中心为中心的。这就是我的意思：
浏览 1提问于2014-04-04得票数 0
回答已采纳
2回答
基本上，我只需要像github的页眉和页脚这样的东西。页眉和页脚有不同的颜色与身体，他们都会永远继续下去。
我的中心(主) div是固定宽度的，这意味着我需要一个容器div。
我拥有的是这样的东西：
我想对齐页眉，页脚和容器，但如果容器是唯一的固定宽度，它是很难对齐它不一致。
我想要做的是为页眉和主体创建一个背景，然后分离页脚，但是它看起来像一个肮脏的黑客，感觉它没有语义。
这个结构够语义吗？(这就是github所做的)
container
header
main-content
footer
还是我应该坚持我原来的计划
container
header
main
浏览 6提问于2011-03-27得票数 0
回答已采纳
1回答
如何在标题上显示文本的垂直中心？
、、、、
请告诉我如何显示文本垂直中心的标题，.For水平中心，我知道文本对齐:中心工作精细.But，当我需要垂直中心，我做什么？我试过线高？但不是工作？
我需要我的文字或标题“品牌”显示垂直中心.I也尝试了一些空白，但没有..。
我需要标题应该只有50 of的高度，和标题应该总是在中心。
这是我的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Basic Bootstrap Template</title>
<meta
浏览 3提问于2015-12-09得票数 1
回答已采纳
2回答
我有以下标记：
<div class="container">
<div class="strip">
</div>
<div class="content">
</div>
<div class="footer">
</div>
</div>
我正在努力弄清楚我需要添加什么CSS，以便让内容区域填满任何没有被条子或页脚占用的垂直空间。
请注意，容器是position: fixed，带有t
浏览 1提问于2018-10-28得票数 0
回答已采纳
1回答
我已经看到了很多关于这个问题的问题，但是没有一个问题给我一个很好的解决方案。这是典型的无卷轴介绍页面。页眉可以有x像素，但页脚将响应(在平板电脑和手机将更高)。如果不将我的页脚拉到外面，然后垂直地对包装中的内容进行居中，我就不能使包装器的页眉和页脚之间的空间达到100%的高度。
有解决办法吗？
提前感谢
浏览 1提问于2017-02-05得票数 0
回答已采纳
2回答
全屏无滚动条图像轮播
、、、、
我有一个带有固定导航栏和粘性页脚的Bootstrap 3.1.1页面。
我需要在旋转木马中显示全屏(减去固定的导航栏和粘性页脚)图像。裁剪可以同时从x和y开始，但图像的中心需要位于视口的中心。
这就是我现在的位置：
问题是我不能让旋转木马出现。heght: 100%似乎不起作用。
一个只有CSS的解决方案是首选的，但是我不介意有一点javascript。
浏览 1提问于2015-01-24得票数 2
6回答
我希望有一个图标是垂直和水平中心的div。
.exhibitor_image_div{
width: 200px;
height: 200px;
border: thin black solid;
-webkit-border-radius: 3px ;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 auto;
text-align: center;
}
.exhibitor_image_default_icon{
height: 70px;
w
浏览 10提问于2016-12-07得票数 2
1回答
我试图从实现粘性页眉和页脚的解决方案，并从垂直地对内容进行居中。
但是，我无法以内容为中心。
是我的实验。
我应该用一张简单的桌子代替吗？
浏览 3提问于2015-10-19得票数 1
回答已采纳
我在中创建了自定义菜单。我使用以下代码将新菜单注册到functions.php文件中：
// Add new Footer menu
function register_my_menu() {
register_nav_menu('new-menu',__( 'New Footer Menu' ));
}
add_action( 'init', 'register_my_menu' );
之后，将这一行插入当前主题的footer.php文件中：
<?wp_nav_menu( array( 'theme_loc
浏览 1提问于2018-06-13得票数 0
1回答
我正在尝试构建一个类似于的页面，当调整浏览器窗口的大小时，内容保持垂直中心。
到目前为止，我得到的是：
我试图让.marketing元素保持垂直居中。页脚粘在页面底部，但在调整浏览器窗口大小时也会向上移动。
任何帮助都是非常感谢的。提前谢谢。
浏览 3提问于2014-01-16得票数 0
回答已采纳
2回答
我试着练习我的柔箱技术，但我不能在柔箱容器中将某一类别集中到中心。只有当我将justify-content: center;应用于容器时，它才会居中，但如果我将它应用到子容器(即.head1 )，它就不会中心。
我也不能使用对齐项垂直对齐它。即使我在柔性箱容器中使用它，它也不会垂直对齐。我也尝试过对齐h1元素，但它也不起作用。我做错什么了？？
编辑:为了澄清，我试图同时更改h1元素和.head1元素。
body,
html {
width: 100%;
height: 100%;
font-family: 'Montserrat', sans-serif;
backgr
浏览 1提问于2020-03-28得票数 0
回答已采纳
1回答
我在我的网站上使用Bootstrav2.0.1。
在我的设计中，我使用了Bootstrap中的以下文件：
bootstrap.css
example-fixed-layout.css
bootstrap-responsive.css
signin.css
现在我有了一个页脚HTML代码，它在所有个人电脑和笔记本电脑上的所有浏览器上都能正常工作。
我面临的问题是平板电脑和智能手机。页脚完全没有反应。我应该如何使这个页脚响应所有浏览器和所有不同大小的设备？
有人能在这方面帮我吗？下面是我的页脚HTML代码：
<footer style="background-
浏览 1提问于2014-10-08得票数 0
2回答
我有一个div，我想定位在一个页面的中心(垂直和水平)。
对于水平对中，我在div周围使用了中间的标记，对于垂直对中，尝试了几种方法，但它们都没有真正工作。
查看代码：
CSS：
.vcenter{
height: 50px;
width: 50px;
background: red;
vertical-align: middle;
margin-top: calc(50% - 25px);
}
HTML：
<center>
<div class="vcenter">
</div>
<center&
浏览 4提问于2016-04-18得票数 2
回答已采纳
1回答
中心覆盖在父层中
、、
这里还有另一个带有扭曲的中心覆盖问题。我需要在它的父容器中放置一个覆盖层。
并发症
如果容器比屏幕长(即垂直滚动条)，则需要垂直以屏幕为中心的覆盖和在父屏幕中以水平为中心的覆盖。
如果包含符合屏幕(即没有垂直侧边栏)，我需要覆盖中心，水平和垂直，在父容器。
我目前有覆盖中心，以屏幕在这两种情况。
有关示例，请参见 (尝试两个服务下面的寻呼机)和 (使用寻呼机)。
我当前用于屏幕对中的CSS是
.overlay {
display: none;
padding: 20px 0;
text-align: center;
vertical-align:
浏览 3提问于2012-08-02得票数 0
我有一个引导5.2中的页眉/主/页脚布局，我希望主部分展开以填充页眉和页脚之间的页面。
以下代码起作用：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css">
<body class="d-flex flex-column min-vh-100">
<header>
H
</header>
<main class=&#
浏览 4提问于2022-10-03得票数 0
请稍等，然后再将这个问题标记为重复或可能重复。
我对齐了垂直中心的child item，但是child item的内容，即文本，最初没有对齐。但是当我在display:flex;、justify-content:center;和flex-direction:column;中添加child class时，文本是垂直居中的。
我检查了这些问题：
一些答案帮助我垂直对齐child item，但没有提到如何将child的内容在中间的垂直中心对齐。
<div class="flex-container">
<div class="flex-item"
浏览 1提问于2016-06-15得票数 2
回答已采纳
构建垂直布局的最简单方法是什么，其中页眉和页脚具有静态高度，中心占据所有可用空间(并根据窗口高度进行调整)。
header
------
center
------
footer
感谢你的帮助
ps绝对定位对我来说不是一个选择。
浏览 0提问于2012-02-26得票数 0
回答已采纳
1回答
相关启动：
我正在创建一个Bootstrap中的布局，在这个布局中，各个部分在移动上相互叠在一起：
|---|
| A |
|---|
| B |
|---|
| C |
|---|
但在桌面上分裂开来：
|---| |---|
| B | | A |
|---| |---|
| C |
|---|
我正在使用.pull-right on A和C来完成这项工作，但是由于Bootstrap使用的是浮点数，所以B部分会自动对齐到上面所示的顶部。我真正想要的是，B的垂直中心是这样的：
|---|
|---| | A |
|
浏览 1提问于2016-09-10得票数 2
2回答
我有这样的布局：
<container div>
<header></header>
<footer>
<div>
<nav>
<ul>
<li></li>
</ul>
</nav>
<div>
</footer>
</conta
浏览 5提问于2017-07-15得票数 2
回答已采纳
1回答
我有一些主要的问题，以页脚文本垂直(高度)，我确实希望页脚更接近段落文本。这有可能吗？
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="stylefooter.css">
</head>
<body>
<div id="container">
<div id="main"
浏览 1提问于2019-02-25得票数 0
回答已采纳
我有两个垂直堆叠的UILabels：
+----------------------------+
| +----------------------+ |
| | blah blah blah | |
| +----------------------+ |
| |
| +----------------------+ |
| | asdf fdsa | |
| | asdfear aoeirhaleir | |
| +----------------------+ |
+-
浏览 6提问于2014-02-19得票数 5
回答已采纳
我有头部，容器(内容)和页脚的代码，我不能垂直居中对齐容器，我该怎么做：
html, body {
height: 100%;
}
footer {
height: 50px;
background: #eee;
text-align: center;
line-height: 50px;
position: absolute;
width: 100%;
bottom: 0;
}
.text {
padding-bottom: 20px;
}
<!DOCTYPE html>
<html>
<head>
<
浏览 0提问于2017-09-05得票数 0
1回答
目前，我有bootstrap5和模态分别glightbox的麻烦。
当从这些应用程序切换回来时，静态导航条与glightbox一样震动horizontaly.the，此外，当屏幕灰暗时，粘性页脚也会向上滑动。
深思熟虑的特定特性:粘性页脚，垂直滚动条总是开着
fullscreen sample: https://codepen.io/manu_g/full/dyZOdbV
浏览 5提问于2022-02-06得票数 1
回答已采纳
1回答
垂直对角自举模态窗
、、、、
无论显示的内容大小如何，如何垂直地对此模式窗口进行居中。在我的页面中，我以模态窗口的形式显示图像，并希望它显示在屏幕的中心。我可以水平对齐，但我不能让它垂直地配合。有这样做的想法/例子吗？
我遵循了我的页面中的示例：
但是，我的模态窗口的实际内容如下：
<script type="text/ng-template" id="myModalContent.html">
<div>
<img class= "attachmentImage" src={{items}} />
浏览 1提问于2015-05-20得票数 3
回答已采纳
1回答
div HTML5中的单页滚动
、、、、
我在这个网站(HTML5，CSS3和JS)上工作，它有2个div (页眉和页脚)，其中有CSS position: fixed，并有一个中心div，其中有position:absolute和包含的内容。
我想做的是在这个中心div中实现滚动捕捉，它有绝对的定位。但由于某种原因，我无法做到这一点。这是我尝试使用的jquery插件：
你们能帮帮我吗？
这是一个带有设置的JSFiddle：
浏览 13提问于2017-01-26得票数 0
我有一个带有“页眉”、“页脚”、“侧菜单”和“内容区域”的页面。
我试图使用PrimeFaces布局来安排它们，如下所示：
头->北
页脚->南面
侧边菜单->东方
内容区->中心
乍一看，它很好用。
但是，我的侧菜单包含的链接将改变中心区域的内容。当前，当我单击其中一个链接时，中心区域的内容将发生变化，如果新内容的长度大于为中心布局单元定义的长度，则中心区域将出现一个垂直滚动条。
我要寻找的行为是动态调整中心区域的大小，向下按下页脚(南布局单元)，并显示整个页面的滚动条。
我使用PrimeFaces布局是正确的吗？我该用点别的吗？
这是我的“身体”密码：
<h:
浏览 10提问于2013-04-28得票数 1
我有基于fullPage.js和Bootsrap的页面。默认情况下，内容位于垂直中心的区段中。但是我的内容是动态的，点击时会发生变化。这意味着，我的内容在每一次点击不同的高度，它会导致div在页面上跳跃。
禁用垂直中心可以解决问题，但只适用于桌面。在较小的屏幕(手机、平板电脑)上，我无法在部分看到全部内容。
在垂直中心启用的情况下，该区段的内容很高。
活生生的例子不仅仅是文字，所以：
启用verticalCenter的示例(不工作)
禁用verticalCenter的示例(不工作)
浏览 10提问于2016-04-26得票数 0
回答已采纳
在显示内容之前，我有一个旋转器，在切换到内容本身之前的2秒内显示。
具有以下Html
<div class=”container”>
<div v-show ="!loading">
//here content will be displayed after 2 seconds.
</div>
<div class="center" v-show="loading">
<img src="/default.svg"
浏览 0提问于2016-10-26得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
