如何在div的底部和中心放置按钮？
要在div的底部和中心放置按钮，可以使用以下方法：
- 使用CSS Flexbox布局：
- 给包含按钮的父div设置display: flex;和justify-content: center;，使其水平居中对齐。
- 设置父div的flex-direction: column;，使按钮在垂直方向上从上到下排列。
- 将按钮的margin-top设置为auto，使其沿着垂直方向上的剩余空间自动向底部对齐。
<div class="parent">
<button class="btn">按钮</button>
</div>.parent {
display: flex;
justify-content: center;
flex-direction: column;
height: 100vh; /* 设置父div的高度以占满整个视口 */
}
.btn {
margin-top: auto;
}- 使用绝对定位和transform属性：
- 将父div设置为相对定位（position: relative;）以作为定位的参考点。
- 给按钮添加绝对定位（position: absolute;）和下移50%的偏移量（transform: translateY(50%);），使其在垂直方向上向下偏移50%。
- 通过左右偏移量和按钮宽度的一半来水平居中按钮。
<div class="parent">
<button class="btn">按钮</button>
</div>.parent {
position: relative;
height: 100vh; /* 设置父div的高度以占满整个视口 */
}
.btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, 50%);
}以上是两种常见的在div底部和中心放置按钮的方法，根据具体需求选择适合的方法即可。
相关·内容
2回答
目前，我正在使用多个背景，以创建固定的顶部和底部图像面板，和中心图像垂直收割，因为内容继续。
<div style="
background-image: url(top.png), url(center.png), url(bottom.png);
background-position: top, center, bottom;
background-repeat: no-repeat, repeat-y, no-repeat;
width:242px;
">
fgffg<br />
fgffg<br />
fgffg<br /&g
浏览 2提问于2015-06-26得票数 1
回答已采纳
我提供了一系列的模态视图，每个视图都有一个顶部的标题工具栏和右上角的UIBarButtonItem，其中有一个"X“图像，用户可以点击它来关闭视图。
我遇到的问题是，经常这些按钮对触摸没有响应，它们在执行操作之前似乎需要5到10下点击。我甚至增加了按钮的图像大小，使面积更大，但没有帮助。然而，在模拟器中，随着鼠标指针的点击，它们似乎立即工作，没有问题。
我注意到的一件事是，主视图上似乎有一个没有添加的UIScreenEdgePanGestureRecognizer。我认为这是Iphone通知中心的句柄，可以从上面拉下来。底部也有一个。这些是干扰我的按钮吗？这些手柄总是对轻微的拉力响应。
浏览 3提问于2014-01-06得票数 2
回答已采纳
2回答
HTML元素重叠
、、、
我正在处理一个ASP.Net网页，其中两个表位于页面的中心，另一个位于另一个的顶部。顶部的表包含由代码隐藏动态生成的输入字段，因此输入字段的数量不同。底部的表包含常量的内容，不会更改。页面的布局是固定的，必须保持不变。我的问题是，如何使底部表垂直地进行动态调整，使其不与顶部表中的字段重叠。页面的一般HTML布局如下所示：
<body style="vertical-align: middle; text-align: center;">
<div id="container" style="position: relative;
浏览 2提问于2011-03-29得票数 0
回答已采纳
4回答
我有一个网页。它太高了；在页面中，我在页面底部有一个div。我想在页面的中心部分显示div。它以我喜欢的方式出现在页面中心的底部位置，但需要滚动。有没有可能在不滚动的情况下在div上设置焦点？
浏览 0提问于2009-11-11得票数 0
回答已采纳
我在Framelayout中放置了3个按钮，每个按钮的布局都很重力，如下所示：
启动-底部
中心-底部
端部
现在我想在(开始和中心)和(结束和中心)之间添加两个额外的按钮。实现这一目标的最佳途径是什么？我无法得到两个水平的线性布局在中央按钮的任何一边工作，我不打算使用BottomNavigationView。
浏览 2提问于2018-01-06得票数 0
回答已采纳
4回答
我是第一次做网站，这对我来说是很难的一些简单的任务。就像现在我被困在这个问题上了。我有一个div向左浮动，另一个向右浮动。在一些页面中，左边的div大于右边的div，有时它正好相反。
我需要多一个div，无论哪个(左或右) div更大，它都停留在底部中心。现在，我成功地做到了，只有当左边的div大于右边的div时才能工作。
对不起，这让人费解，也很难解释，问题可能是定位问题，但我想不出如何让它发挥作用。
简单地说，：需要ID底部位于底部中心，低于其他div。忘了提到:如果我移动div，它会在不同的屏幕大小上出现混乱。
<div id="bottom"><p&g
浏览 5提问于2014-12-02得票数 1
回答已采纳
2回答
我正在使用jquery布局插件，有以下情况无法找到解决方案。如何通过将div拖到底部边框之外，使中心窗格永久地增大其大小。
我有一个左窗格和一个中间窗格。当用户单击左侧窗格时，我会动态生成div。生成div并将其拖放到中央窗格中。divs是可拖动的和可调整大小的。所有的工作与拖动和调整可见中心区域的大小很好。当我将div拖到底部之外时，中央窗格上的滚动条就会出现，中心窗格似乎正在扩展以适应拖动的div的新位置。但是，当我试图调整div的大小或添加另一个div时，它会跳转到div的顶部，并重置滚动条。我在firebug中检查了中心div高度，即使在将新div拖到底部之后，初始化时它仍然保持在相同
浏览 5提问于2010-12-16得票数 1
我正在尝试做的是布局三个<div>：顶部(用于导航)、中心和页脚<div>。顶部和底部的<div>具有固定的高度。
如何使中心<div> 100%伸展，并减去其他部分(顶部和底部)的高度？
注意:我已经给了正文，html的高度是100%。
浏览 3提问于2010-04-15得票数 0
2回答
我正在构建一个包含一个大介绍部分的静态页面，其中有一个标题、一个标题和一个按钮。我希望标题和标题是水平地左对齐，中心垂直对齐，但按钮需要中心水平对齐和在容器底部。
我在这里使用的是flexbox，父程序是柔性盒，它的挠性方向设置为列和对齐内容: center。然后，我给按钮一个对齐-自我:中心，为水平中心对齐工作。然后我给了这个按钮一个空白点: auto，希望它能移动到父程序的底部，但是当这发生的时候，它也将标题和标题推到容器的最上面，这不是我想要的。请看下面的代码。
.section__intro {
display: flex;
justify-content: center;
浏览 0提问于2019-08-14得票数 0
回答已采纳
你是如何给ImageButtons添加空间的？
有了RelativeLayout，我可以让它们并排在一起，但我希望它们之间有一个间隙。如何将按钮放置在屏幕的中心和底部？
浏览 3提问于2010-08-03得票数 1
回答已采纳
`
嗨,
我有使用自己的背景和蓝光切换按钮的要求。
然而，使用这个我不能自定义切换按钮的位置光，它总是放置在按钮的底部。
我想把它移到按钮中心的上方和下方。
我试着用paddingBottom，但没有用。任何关于这方面的帮助我都很感激。
-Thanks，曼州
浏览 0提问于2011-05-24得票数 0
4回答
我必须创建一个带有圆角的具有纸张纹理的div。当里面的内容增长时，这个div应该与它一起增长，而不是破坏bg。
为此，我创建了带有内容的主div，并使其重复bg的中心，并将高度设置为auto。我用纹理和圆角为它的顶部和底部做了一个div。我使用了相对于内容div的绝对定位，所以当它增长时，底部的bg将始终位于内容div的下方。
一切看起来都很好，但是顶部和底部的div覆盖了内容div。我可以通过在内容div的顶部和底部留出一个很大的间隙来解决这个问题，但是有这么大的间隙看起来很奇怪。这是不恰当的。
对此有什么想法吗？
浏览 0提问于2010-12-17得票数 0
我正在尝试在工具栏按钮上显示一个小文本(新消息计数)图标，就像Chrome和Opera扩展在工具栏图标上有徽章一样。文本不应该覆盖整个图标，它应该在底部，这样用户仍然可以看到图标的主要部分，并认识到它是什么扩展。我该怎么做呢？
你可以在这个来自Chrome的示例图片上看到我想要的：
我尝试在堆栈元素中使用description、span和div，但我无法将它们放在底部。Description和div始终在中心显示文本，而span在图标的右侧显示文本，从而使整个按钮变宽。
<toolbarpalette id="BrowserToolbarPalette">
浏览 0提问于2011-06-09得票数 7
回答已采纳
图表没有显示在我放置图表脚本片段的元素中。相反，它出现在页面底部，在所有HTML元素之后。
脚本放在这里：
<body>
<div1>
<div2>
<script>CHART SCRIPT</script>
</div2>
</div1>
</body>
但却出现在设计信息中心之外，就像：
<body>
<div1>
<div2>
<script>
浏览 6提问于2022-02-01得票数 0
回答已采纳
我有3个div。一个顶部，另一个中心和一个底部。我打算让div center div从顶部开始，从div底部开始。
同样希望div中心不会在调整浏览器大小时丢失其位置。
有人能帮我吗？
我的代码：
<header>TOP</header>
<div id="content">
<div id="divCenter">
</div>
</div>
<footer>BOTTOM</
浏览 1提问于2013-09-01得票数 0
我正在寻找一种合适的方式来放置弹出div元素在当前视图区域的中心。
例如:我们有一些带有{display:none; position:absolute}的div元素和几个按钮，一个在文档的顶部，第二个在中间，最后一个在底部的某个地方。通过单击此按钮，div应出现在当前查看区域的中心
$(".btnClass").click(function(){
//some actions for positioning here
$(div_id).show()
})
浏览 0提问于2010-04-27得票数 2
回答已采纳
如何在android XML中线性布局的底部和底部的中心设置按钮？提前感谢！
<Button
android:layout_gravity="center"
/>
浏览 0提问于2013-04-08得票数 0
回答已采纳
1回答
Moodle主题定制
、、、
我试图以这样的方式定制课程页面，一旦学生登录，他应该看到屏幕课程布局中心的一个按钮，我已经在主题的config.php文件中设置了基本要求。如下所示。
'incourse' => array(
'file' => 'course.php',
'regions' => array(),
),
如何将按钮添加到课程布局的中心
Button 1
当他点击它的时候应该把学生带到他的个人资料里。主包装内容中的代码应该是什么？
<div id="region-
浏览 4提问于2014-04-26得票数 1
我只是在学习JS(jQuery)，所以我有一个问题。我编写了脚本，当用户滚动页面到底部时，div正在显示，我想添加“关闭”按钮，所以用户单击它，当用户滚动到底部时，它不会出现。所以：
<script>
$(window).scroll(function() {
if($(window).scrollTop() > ($(document).height() - $(window).height() - 200)) {
$('#div-name').css('visibility', 'visible')
浏览 0提问于2016-09-11得票数 1
回答已采纳
1回答
好的。我有一个Angular2应用程序。我正在使用一个名为flex-layout的角度组件(它允许我通过指令来使用flexbox，仅此而已)。然后，我有一个包含class="row“的div和一个动态数量的div。每个dynamic div里面都有一个图像。
我需要将其中一个div标记为选中，然后向其中添加一个特定的类。这个类必须放置一个边框底部和一个背景颜色(已经这样做了)，但我需要在边框的中间添加一个小三角形-botom on selected div。
正如你在上面的图片中看到的，我设法将这个三角形放在所有行的中间(不管我选择了什么div )。
但是，当我更改选定的div
浏览 0提问于2017-12-16得票数 0
2回答
我有一个按钮，需要在它的div类ex中居中。div="sanfrancisco-image“。它被放置在离盒子底部17px的地方，但是它会显示在中间，即使我已经放置了justify-self: center；和align-items: center；tabs。
这是代码链接：
.btn {
align-items: center;
position: absolute;
padding: 0 20px;
height: 40px;
font-size: 1em;
font-weight: 700;
text-transform: uppercase;
浏览 2提问于2018-11-28得票数 0
2回答
有人知道如何使用柔性盒创建这个布局吗？
文本将放在中间，按钮将放在文本和底部之间。
我现在有了这个：
.aligner {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
height: 100%;
}
<div class="aligner">
<h3>SUPERMAN</h3>
<p>FTW</p>
<button>BUTTON</
浏览 1提问于2015-11-26得票数 7
回答已采纳
1回答
我想请你帮忙安排一个按钮在一个图像的中心。我有以下代码：
<div class="static1_home1">
<div class="box1">
<div class="img"><img src="/img/cms/Untitled design (20).png" alt="banner" class="img-responsive" /></div>
<div class="text">
浏览 4提问于2021-04-08得票数 1
回答已采纳
1回答
我想要对齐使用网格在我的css对齐按钮和其他元素在我的网页上。
我想排成三个并排标题，然后按钮在底部空间从顶部的三个标题在8 px和中心按钮。然后在按钮和包含底部混乱的两个div之间留出一个边距，如此图像中所述。
但我不能用这个代码。我想使用css技术的网格，标题列网格和按钮和两个消息div在线网格。
.grid-container {
display: grid;
}
<div>
<div>
<h4>Title 1</h4>
<h4>Title 2</h4>
<h4&g
浏览 3提问于2022-05-07得票数 0
布局中有以下占位符
标头-占位符
上回占位符
中心-占位符
下回占位符
页脚-占位符
以及使用上述布局的下列项目
主页项目-用于显示主页
文章项目-用于显示文章页
在这里，上面布局中使用的两个后退占位符用于在页面的顶部和底部显示一个后退按钮(在这里，我将为两个不同的占位符配置相同的子布局，以显示顶部和底部的后退按钮)，但是这些后退按钮应该只显示在文章页面中，而不是在主页中。
因此，我只为文章项目配置相应的内容(使用Presentation -> Details选项)，而不是为Home Item.But配置，但是在编辑模式下，我能够看到一个空部分
浏览 0提问于2012-10-03得票数 0
1回答
我的面板底部有一个JLabel，它为用户提供文本指令。有些文字因为太长而从屏幕上消失。为了解决这个问题，我添加了标签。然而，现在文本不再以中心为中心，它现在与左边对齐。为什么这个案子。这段代码不应该以文本为中心吗？
detailedInstructions.setText("<html><div align=center>" + test.getMicroSteps()[currMicroStep].getDescription() + "</div><html>");
浏览 9提问于2015-07-24得票数 1
回答已采纳
4回答
我试图进入汽车布局业务，但我发现这有点困难。
我正试图使5个图像视图显示在视图的中心位置。他们需要调整自己的尺寸，以扩大他们的高度和宽度。
这就是它在IB中的样子(以及在运行应用程序时需要看的方式)：
因此，我有以下限制：
增加1:1的纵横比，使它们总是平方。
第一个按钮是“拥抱”左边的视图，所以它将显示在侧面。
下面的4个按钮与它们旁边的按钮有一个水平间距
每个按钮对屏幕的顶部和底部都有一个限制，所以如果调整屏幕的大小，它们会变得更大。
但是，当我运行它时，它看起来如下：
我只是有点困惑。我做错什么了？
提前谢谢，致以最良好的问候- /JBJ
**编辑**
浏览 1提问于2015-01-14得票数 7
回答已采纳
我的页面由大量数据组成，我必须向下滚动到底部的按钮单击，这将触发jquery模式对话框。单击按钮时，我将窗口滚动位置设置为页面顶部，并隐藏了窗口滚动条。但是我无法将模式对话框定位到窗口的中心位置，而是定位到文档的中心位置。
我给出了如下代码：
$(settings.dialogDivId).dialog({
open: function () {
window.scrollTo(0, 0);
$('body').css({ 'overflow': 'hidden', 'hei
浏览 4提问于2013-09-20得票数 0
1回答
我正在与Zurb基金会建立一个网站。我想包括一个DIV。这个div将有两列。左边的列将显示一个图像。第二栏将包含一个段落和一个按钮。我希望按钮垂直对齐与底部的网格。换句话说，我希望我的按钮底部与我的图像底部对齐。目前，我正在尝试以下几点：
<div class="sample">
<h1>This is the title</h1>
<ul class="inline-list">
<li>John Smith</li>
<li>October 12, 2
浏览 1提问于2014-02-06得票数 1
回答已采纳
在我正在处理的WinForm中，我在文本框之间有两个TextBox小部件和一个按钮。当表单启动，而winform最小大小时，TextBoxes看上去就像预期的那样。在靠近中间按钮的项目之间没有空隙。如上图所示。
但是，当用户最大限度地使用winform时，TextBoxes移动到正确的位置，但不要展开以保持靠近中心的按钮。Textbox A锚定在左侧，Textbox B锚定在右侧。所以对齐是正确的。这是从底部的图形中看到的。
现在的问题是，如何使文本框A向右增长，使其靠近中间的按钮，而文本框B则增长到左侧，使其也接近按钮？
谢谢!埃里克
浏览 2提问于2015-08-19得票数 1
回答已采纳
3回答
我最近有一个类似的帖子，但现在我需要动画一个块的顶部。就像现在一样，它从底部和顶部开始设置动画。
例如，我希望它缩小，所以为了达到这个目的，我写道：
$('#yellow').animate({height:'50%'},500);
但它从顶部和底部位置到中心都缩小了。
有没有办法让它只从顶部位置缩小50%？
如果这里有任何帮助的话
CSS：
#yellow{
height:250px;
width:500px;
background-color:yellow;
}
HTML：
<div id='yellow'></div>
浏览 0提问于2012-07-02得票数 1
回答已采纳
2回答
我试图水平中心对齐在div底部的一个按钮。我读了一些帖子，他们都建议在父div上使用文本对齐:center；，但这对我来说不管用。
CSS：
.col-lg-3{
text-align: center;
}
.btn-primary{
position: absolute;
bottom: 0;
HTML：
<div class="col-lg-3">
<h1 class="display-6">Lorem Ipsum</h1>
浏览 0提问于2020-04-28得票数 0
回答已采纳
我有一个RelativeLayout (我没有结婚)和两个TextView，我希望第一个TextView的底部与其父对象的中心对齐，而第二个TextView的顶部与其父对象的中心对齐。
在上面的图片中，我在父对象的(垂直)中心放置了一条绿色线条。TextViews目前正好在正确的位置，但我这样做了，正如我将在下面描述的边距，并将它们对齐到父对象，并知道父对象的大小。
由于各种原因，我不能只使用一个TextView并将其居中。此外，我不知道父对象的高度，所以我不能将它们与父对象的顶部/底部对齐，并将它们向上/向下对齐以居中。
我还尝试了另一个View，它占用了一半的高度并且是invis
浏览 3提问于2012-12-20得票数 6
回答已采纳
1回答
我尝试过使用CSS Grid和CSS Flex来实现它，但无法完全实现。
要求：
我有一个容器，其中我有多个项目，每个项目有一个配置的顶部，中心和底部垂直对齐。所有最上面的项目应该出现在顶部，所有的中心项目在中心，所有的底部项目出现在父项目的底部。
项目是动态的，可以有任意数量的项目，每个项目可以有任何位置(顶部，中心，底部)。
给用户的唯一限制是，他们将按顺序添加项目，这意味着第一，他将添加顶级项目，然后是中心项目，然后是底部项目。
<div class="parent">
<div class="child top"&
浏览 0提问于2019-09-07得票数 3
4回答
我想在页面底部居中一个按钮：
<footer>
<div class="centerContent">
<input name="submit" type="submit" />
</div>
</footer>
Css:
.centerContent {
text-align: center;
}
footer {
clear: both;
height: 100px;
position: absolute;
b
浏览 3提问于2013-10-22得票数 0
回答已采纳
5回答
我想把我的按钮定位在一个div的底部或屏幕底部(但在一个非固定的位置)。我的代码结构如下所示：
div-1
div-2
div-3
按钮
我想把按钮放在div 1的底部，这个高度是用jQuery设置的(高度是屏幕的高度，所以将按钮放在屏幕底部也可能是一个解决方案)。
到目前为止我尝试过的是：
CSS
.button {
position: fixed;
bottom: 10px;
left: 50%;
margin-left: -104.5px; /*104.5px is half of the but
浏览 2提问于2016-03-30得票数 9
回答已采纳
1回答
如何将按钮放置在图像的底部和中心？我目前有一个旋转木马与多个图像，这是很好的工作，但当我试图添加一个按钮的导航目的，它是定位在图像以外的右边。
下面是HTML：
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="">
<button type="button
浏览 3提问于2021-03-06得票数 1
回答已采纳
3回答
我读到了关于在div内对中(底部中心)一个按钮，这就像在面板中对一个按钮一样。通过将其添加到按钮的CSS中，我成功地做到了这一点：
position:absolute;
margin-left:50%;
margin-right:50%;
bottom: 5px;
面板css属性是：
position:relative;
问题是，它在按钮左侧的中心，因此其整个宽度的按钮本身不是居中的。
我如何对中心的按钮，所以它将看起来是真正的中心按钮？
浏览 3提问于2011-11-15得票数 2
回答已采纳
2回答
如果我有一个<div class="parent"></div>，我想做这种类型的卡，以便在卡的底部，我需要添加一个plus按钮。当单击加号按钮时，将切换另一个div以显示，该按钮将更改为minus。当单击减号按钮时，将切换额外的div以隐藏，返回到初始阶段。我正在使用引导和需要创建在一行中的卡片。所有元素都必须在同一个parent div中。
如下所示:请注意这3张图片显示单张卡的事件生命周期。
我的问题是:怎么才能把按钮放在底部边框的中心，并在打开框的同时将边框保持在那里？
我的尝试：
浏览 1提问于2017-03-07得票数 0
回答已采纳
1回答
我正在尝试将此按钮与div的中心和底部对齐。文本应该从顶部填满div。谢谢
<div class="panel-body" style="float:left;margin-top:15px;width:40%;height:222px;background-color:#000000;" >
yolof fffffffffffffffffffffffffffffffff ffffffffffffffffffffffff fffff
<br>
<a href="page.php" class="
浏览 0提问于2014-02-06得票数 0
2回答
有没有办法把一个按钮对齐到DIV的中心?我能够使它以不同的策略工作，使用padding-top:2px和padding- home :2PX或者使用边距顶部和边距底部。但是问题来了，基本上它是一个移动的number.But，即如果用户有更多的信息在DIV示例中用户只在输入文本字段中输入工作号码它将只显示唯一的工作电话DIV如果用户输入工作，家庭和其他号码，它需要显示所有输入的信息，这会改变DIV.What的大小，发生的是div会增加大小，按钮仍然留在div.Is的顶部，有任何方法可以使按钮固定在中心，即使在size.Can中发生变化，它可以在CSS中实现，或者我们需要使用javascript来
浏览 3提问于2012-03-08得票数 0
回答已采纳
我正疯狂地尝试用div和spans来实现这个简单的设计，而不是使用表、to和trs (到目前为止，我已经使用了表)。
简单设计：
左边的两个物体:向左浮动，垂直中心。
右边1:向右漂浮，垂直送至底部。
所有组件都在同一条线上。
我有点希望这会很容易写，但我发现它非常困难。float标记取消了vertical-align标记，我无法让它在没有样式/div/span组合的情况下工作。
TnX的帮助..。
浏览 6提问于2011-04-07得票数 0
回答已采纳
我有一个很长的bootstrap卡片，上面有两行信息，一个标题和一个描述。然后我想要一个按钮，对齐到这张卡的右侧，居中。我当前的按钮html如下所示： <div class="card card-body">
<h4>I'm a Card</h4>
<p>The button should be central, at the end of this card.</p>
<input type="button"
class="btn btn-outli
浏览 12提问于2020-04-30得票数 1
回答已采纳
我目前正在开发一个使用Angular 6的搜索面板，我想有一个‘箭头’图像或卡底部中心边界上的徽章，这将用于切换显示/隐藏搜索面板。所需的输出如下所示
有没有人能给我提个建议，可以做些什么来达到这个效果。
<div *ngIf="isSearchVisible" class="search-panel-lower">
<div class="card">
<div class="card-body">
<form>
<!--Code
浏览 18提问于2018-08-26得票数 0
回答已采纳
9回答
如何使按钮同时位于div的底部和中心？
.Center {
width: 200px;
height: 200px;
background: #0088cc;
margin: auto;
padding: 2%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.btn-bot {
position: absolute;
bottom: 0px;
}
<div class=Center align='center'>
<button
浏览 6提问于2014-03-04得票数 8
回答已采纳
1回答
在计算带有边距的绝对定位元素上的"flex“时，我看到浏览器不一致。这是，这是HTML
<style>
div {
height:100px;
width:400px;
border:1px solid black;
display:flex;
justify-content: center;
align-items: center;
}
p {
position:absolute;
margin:0;
padding:0;
margin-top:50px;
font-size:50px;
}
</style>
浏览 2提问于2019-06-12得票数 1
回答已采纳
我正在尝试做一个控制面板，其中有两个按钮，必须是内联的。当窗口的宽度很大时，按钮在屏幕顶部居中，当窗口的宽度较小时，按钮则以屏幕底部为中心。在某些情况下，我删除了一些按钮，但div仍然必须居中。
我必须使用绝对定位，对吗？
当控制面板在顶部时，我应该
#control-div {
position: absolute;
top: 0;
}
当控制面板在底部时，它应该是
#control-div {
position: absolute;
bottom: 0;
}
问题来了。我想让div中心。我不知道div的宽度是多少，因为可能会删除或添加一些按钮。它
浏览 3提问于2013-09-09得票数 0
回答已采纳
1回答
我已经将我的主屏幕划分为4个区域，即中心、右侧、左侧和底部的边框布局。右边、左边和下面的区域都很小，只包含按钮。我的中心区域必须显示不同的小部件和表单，这取决于在右/左/下区域按下的按钮。
谁能建议我如何设计我的表单或小工具，以便当我在中心区域显示小工具时，它将适合中心区域，其中的所有项目将被合理缩放。
请参考附件中的图像文件以获得更好的想法。
如果我的解释不清楚，请告诉我，我会尝试更好的。
浏览 5提问于2010-12-03得票数 1
回答已采纳
我想知道如何在底部停靠的工具栏中居中对齐两个按钮。我在buttosn上看到的唯一解决这个问题的属性是centered，但它的居中位置绝对与按钮重叠，有没有办法将它们放在中心位置？
下面是我使用过的一些代码：
Ext.Loader.setConfig({
enabled: true
});
Ext.application({
name: 'SenchaFiddle',
launch: function () {
var panelNewForm = Ext.create('Ext.Panel', {
浏览 0提问于2013-02-11得票数 2
回答已采纳
3回答
我总是感到困惑的是，最好的方法是将内容和divs定位到div中。
.container {
width: 300px;
height: 500px;
background: #f5f5f5;
}
.content {
position: absolute;
bottom: 0px;
}
<div class="container">
<div class="content">
<h3>Title</h3>
</div>
</div>
在这个例子中
浏览 0提问于2018-03-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
