当屏幕很小时，框不会垂直对齐

文章/答案/技术大牛

发布

1回答

html、css、alignment、responsive

我做的代码包含两个框，当屏幕很大时，文本框将水平对齐，当它是全屏时，它是完美的。问题是当我调整浏览器的大小时，第二个文本框会粘在屏幕的右边(这是因为右边的浮动)。我已经尝试过任何方法，但是当我移除浮动时，整个框都会消失在导航栏下面。我想要的是，当屏幕太小时，框将彼此对齐，它们将自动垂直对齐。

浏览 12提问于2020-08-29得票数 0

5回答

如何使用CSS或CSS + jquery对齐页面上的div容器？

jquery、html、css、alignment、vertical-alignment

非常简单，我如何将div容器对齐到页面的中心和中间，无论是水平的还是垂直的，这样当页面被调整大小时，它也会停留在那里。我所需要的只是一个带有div的空白浏览器窗口，当窗口被调整大小时，这个div会保持在屏幕的中心，不管是什么情况。水平对齐使用margin:auto非常容易，但是垂直对齐似乎很麻烦。

浏览 6提问于2014-09-17得票数 0

回答已采纳

2回答

vAlign元素居中，但相对于内容处于水平位置

jquery、css

<div id="gray-box"></div>有什么想法吗？jsFiddle是我找到并修改的，以显示我需要的东西，垂直对齐是完美的，但我不知道如何

浏览 0提问于2013-01-16得票数 0

回答已采纳

1回答

具有多个可调整大小数据的GWT布局

css、gwt、layout

我们有一个包含4 datagrid的屏幕。我们能够使用grid和垂直面板和水平面板的组合对齐它们。Grid(2,2)保存了所有的4 datagrids.Everything，但是当窗口被调整大小时，即使设置了.setSize("100%","100%")，grids也不会调整大小。我们发现问题在于我们使用的是垂直面板，它没有实现提供Resize/Requires。请你提出另一种布局策略。

浏览 1提问于2013-12-26得票数 0

1回答

QML Layout.alignment的行为与预期不符

qt、qml

在下面的QML中，我在行布局中有三个项目，每个项目都需要在该布局中垂直居中。方法1和方法2最初都以中心为中心方法1正确地保持垂直居中(anchors.verticalCenter) 方法2不保持

浏览 210提问于2021-06-06得票数 0

回答已采纳

4回答

HTML5和垂直对齐？现在修好了吗？

html、css、vertical-alignment

我来自世界各地，我一直在看google上的资源，关于做多个包装器来垂直对齐内容--然而它看起来真的很丑陋。我终于想出了如何在屏幕上垂直对齐整个框，如何使列表项垂直居中。<nav> <li><a href="#!<e

浏览 1提问于2010-08-26得票数 10

回答已采纳

1回答

CSS:如何将一个分区与另一个部门的中心对齐？

html、twitter-bootstrap、css

当屏幕是膝上型电脑时，链接应该在图标的左边并垂直地与其中心对齐；当屏幕是平板电脑和手机时，图标应该在图标底部并与其中心水平对齐。图标比链接要大得多。，并且链接总是在框的顶部对齐。我尝试过的方法：使用表格，并将图标和链接设置为两个表数据:它们可以对齐我想要的，但是由于它们是两列，所以当屏幕大小改变时，链接不能向下移动。使用表格，把它们放在同一行:在盒子顶部对齐

浏览 4提问于2015-09-01得票数 1

2回答

边距-顶部百分比在窗口高度下降时不发生变化。

css、margin

我正在进行一个项目，其中客户端希望导航<div>根据屏幕高度对齐，类似于当屏幕宽度减小时margin-left作为百分比的工作方式。因此，我给margin-top: 20%和导航<div>显示了这个边距，但是当我降低窗口的高度时，它不会根据屏幕高度来调整，尽管当我减小屏幕宽度时它会工作。我的问题不是我如何做到这一点，而是为什么百分比水平而不是垂直工作？下面是一个例子：

浏览 2提问于2011-09-01得票数 10

回答已采纳

1回答

blackberry中虚拟键盘弹出窗口的对齐问题

blackberry、alignment、virtual-keyboard

我有一个登录屏幕与一些文本字段，文本框，按钮，并有背景图像到屏幕。现在的问题是在触摸设备上，当虚拟键盘弹出时，屏幕会随着背景图像而缩小，所有组件的对齐都会受到干扰。我也启用了垂直滚动到屏幕，但仍然对齐受到干扰。请帮我解决这个问题。谢谢,

浏览 6提问于2011-06-27得票数 0

回答已采纳

2回答

同时垂直/水平调整div的中心位置

css、css-position

正如问题所述，我正试图将一个div放在horizontally/vertically屏幕的中间，并同时调整它的大小。当屏幕较小时，我在调整content大小方面没有任何问题，即使当wrapper显示在大屏幕上时，也不会使其中心，当我试图调整屏幕的大小时，问题就会出现，而且由于wrapper有一个max-height属性，因此在调整屏幕大小时，它不会垂直地

浏览 6提问于2016-05-12得票数 0

回答已采纳

2回答

用柔性盒(没有浮动)或其他任何东西环绕图像周围的元素。

html、css、responsive-design、flexbox

我正在编写一个页面，在这个页面中，我希望一个响应性的img可以对齐到我的section flex容器的左边，而h1 & p文本则是图像的右边，使用flexbox。但出于某种原因，h1不是水平的，而是垂直对齐的。当屏幕尺寸减小时，图像不能保持其高宽比。其余的元素不会相互叠加在一起。对于小屏幕，我希望元素按以下顺序相互叠加：等等。

浏览 3提问于2016-04-27得票数 3

回答已采纳

1回答

与表单输入垂直对齐奇怪的行为

html、css、twitter-bootstrap

我在玩引导表单元素，并注意到输入类型文本的垂直对齐属性在某种程度上影响了附近标签的定位。以下是代码： vertical-align: bottom;我再次看到将定位应用于label元素：我一直在想这样的事情会发生：但

浏览 1提问于2014-02-09得票数 1

回答已采纳

2回答

CSS -限制元素不被切断的任何方法

html、css

对于表单中的验证错误，我有一个弹出的错误框。框内的错误数不同，因此框的高度不是静态的。因为框与屏幕的底部绝对对齐，如果误差超过一定的量(虽然这是一个好点数)，框就会在屏幕的底部被切断。css是否有任何类型的属性，可以使容器的高度垂直向上调整而不是向下调整，或者可能会限制框永远不会离开屏幕？

浏览 5提问于2011-06-16得票数 2

回答已采纳

2回答

3. 3.5“屏幕iPhone 4漏掉的布局

ios、xcode、iphone-4

我已经在XCODE 8上开发了我的应用程序，它默认删除了iPhone 4仿真器，直到我完成我的应用程序，我才注意到，我使用了自动布局来使UI适合所有的iPhone屏幕，以及所发生的事情(在iPhone那么，我有什么选择来解决这个问题，并使它适合iPhone 4屏幕也与自动布局与遗漏了其他大小？这里是我在iPhone 6 (4.7") vs iPhone 4 (3.5")上登录屏幕的屏幕截图

浏览 12提问于2017-07-09得票数 0

2回答

引导btn组垂直文本对齐

html、css、twitter-bootstrap

选项4、5和9仅为一行，因此在中间对齐。我试图使所有选项垂直对齐:顶部；但没有一个元素对此做出反应。

浏览 1提问于2015-04-15得票数 4

回答已采纳

1回答

如何调整控件大小以适应C#、Silverlight4中的浏览器窗口

visual-studio-2010、silverlight-4.0、c#-4.0、resize、tabcontrol

换句话说，选项卡控件的大小不会与浏览器窗口的大小成比例地调整。因此，我想知道是否有一种方法可以更改选项卡控件上的设置，或者是否有一些代码可以强制选项卡控件随浏览器窗口一起调整大小？

浏览 1提问于2010-06-24得票数 3

回答已采纳

2回答

如何使文本与某些内容对齐，并将文本保持在与屏幕大小无关的位置？

html、css、bootstrap-4

我希望文本“社交”保持原样，垂直与黑条对齐。但是，正如您所看到的，当我将其放入引导/html中时，它没有对齐，但至少与黑条保持一致。我希望这是完美的对齐和保持对齐，即使屏幕大小改变。

浏览 6提问于2021-12-24得票数 0

2回答

垂直对齐&图像不从div顶部开始

html、css、image、responsive-design

JS小提琴示例垂直对齐工作，直到达到最大宽度.当图像宽度达到最大宽度时，如果我调整大小以增加窗口高度，则图像不会移动到div的中间，但是div会扩展。我面临两个问题告诉我为什么会这样。同时，垂直对齐也是行不通的。

浏览 2提问于2014-07-17得票数 0

回答已采纳

1回答

在引导行中垂直设置中心按钮

javascript、html、css、twitter-bootstrap

我试图垂直对齐我的按钮与h2标题在行。问题是按钮与列div的顶部对齐，而不是像标题那样在中间对齐。另外，当屏幕变小时，按钮就会与底部对齐。我和小提琴有联系。

浏览 0提问于2015-12-09得票数 2

回答已采纳

3回答

垂直堆叠时，引导按钮块更改对齐方式

css、twitter-bootstrap、button、alignment、media-queries

当屏幕宽度缩小时，最终按钮将垂直堆叠(由于btn-block)，但在这一点上，我希望将它们向左对齐，而不是初始的中心位置。目前我只是使用另一列来补偿它们，所以我希望当它们垂直堆叠时，左边的列消失，或者以其他方式实现这一点。我正在考虑另一个有一定宽度但高度为零的div，但当我尝试将div始终放在第一个按钮的左侧时，它不会垂直堆叠在其他按钮旁边。当按钮水平堆叠时如何居中，而在垂直切换时如何左对

浏览 0提问于2015-10-29得票数 1

点击加载更多