如何在任何屏幕上设置div (/its内容)以调整大小和居中？
在任何屏幕上设置div以调整大小和居中，可以使用CSS来实现。以下是一种常见的方法：
- 设置div的宽度和高度：
- 设置div的宽度和高度：
- 设置div的居中方式：
- 设置div的居中方式：
- 设置div的自适应大小：
- 设置div的自适应大小：
通过以上CSS样式设置，可以使div在任何屏幕上自适应大小并居中显示。这种方法适用于响应式设计，可以在不同尺寸的屏幕上实现相同的效果。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
- 产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
我正在尝试创建一个简单的导航菜单，它固定在屏幕的顶部，将占据任何屏幕高度的10%。我还希望导航栏在所有设备上都能正常工作，而不管屏幕的高度和宽度；如果你应该调整屏幕的大小或分辨率自然较低，那么我目前的导航栏就会变得非常糟糕。此外，我希望每个选项卡的文本垂直居中，这是我正在努力解决的任务，我尝试了许多方法，如更改填充、垂直对齐、页边距等。我已经搜索并尝试了许多不同的方法，例如使用JavaScript来完成此任务，但都没有成功。
我当前的css：
#nav {
height:10%;
background-color:rgb(52,
浏览 0提问于2016-05-28得票数 0
1回答
我目前有一个简单的设置:一个居中的容器div，它是屏幕宽度的90%，其中包含五个宽度为20%的div。当div都放在row上时，这很有效。它们都会进行调整，以使它们均匀分布并居中。但是，由于当用户将屏幕大小调整为较小宽度时，5个div必须具有最小宽度，因此它们会填满多行，并且不再居中。一旦发生这种情况，我希望它们保持最小宽度，但要居中，这样您就可以在div的顶行的任何一侧看到蓝色容器div，而不是让它们全部左对齐(就像下面的行一样)。我该如何在HTML和CSS中做到这一点呢？谢谢。
<style type="text/css">
.container {
hei
浏览 1提问于2012-04-09得票数 0
回答已采纳
2回答
我希望我的所有菜单项在任何时候都是可见的，当屏幕大小太小时，只需从居中的行格式切换到居中的列。
<div style="position: sticky; top: 0px;">
<!--<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar9">
<span class="navbar-toggler-icon"&
浏览 6提问于2017-11-01得票数 0
回答已采纳
6回答
这快把我逼疯了。我在上创建了这个页面。它是一个有页眉、左侧菜单、内容和页脚的页面。宽度固定为960px，水平居中。这一切都行得通。但是，如果内容中的文本很少，我希望灰色内容区域始终采用可用屏幕高度，以便页脚位于页面下方。
该页面如下所示：
<body>
<!-- Centered container that contains site -->
<div id="centeredcontainer">
<!-- Area with header -->
浏览 0提问于2011-07-29得票数 2
回答已采纳
1回答
我的问题在这里：
我试了一次又一次，但没有能够使我的选框(橙色和灰色的旗帜，这是一个固定的元素)居中或响应。正如您所看到的，当您减小屏幕尺寸时，它不再覆盖旋转木马的顶部，而是向右移动。当它是正常的屏幕尺寸时，它甚至没有居中。
所以我的问题是。我如何让这个固定的元素：- Centered Responsive (这样它就会覆盖在carousel的顶部)
我的代码如下。
<!-- Begin right navigation -->
{% if settings.navigation_alignment == "right" %}
<div class=&
浏览 2提问于2013-07-16得票数 0
回答已采纳
基本上，我有一个固定的边栏(固定宽度)和一个内容div (最大宽度)。
我希望content居中，侧边栏位于这个内容div的左侧。
问题是，在小屏幕上或在缩小窗口大小时，content必须收缩，而不是按侧边栏。
我尝试了很多解决方案(浮动块与假边距块，显示:内联块和空白:现在)，但没有成功。
下面是实际页面：，它适应屏幕的大小，但是窗口左边有所有的内容。
这里有一个修改过的页面：，它显示了我试图做的事情，但只在大分辨率上显示得很好。
谢谢你的帮助。
浏览 2提问于2014-05-15得票数 1
回答已采纳
1回答
我有CSS的基本知识。
使用overflow并不是很理想。滚动条特定于div，而不是浏览器。因此，在手机上显示是一个问题。(尤其是iPhone，它会禁用滚动，使内容无法访问)。
有溢出可见显示在图像中，显然隐藏不是我想要的。
那么，有没有可能让主div (白色区域)展开以包含div而不是导致溢出。白色部分当前停止在屏幕边缘(滚动前)
以Stackoverflow为例。它居中。只有当你无法控制它时，它才会消失在屏幕之外。但你只需向右滚动就可以看到剩下的内容。我也更喜欢我的居中。
如果有人知道如何做到这一点，请让我知道。目前的基本概念是
<div id="main">
浏览 3提问于2012-01-14得票数 1
回答已采纳
在我用于UIPopoverController的UIViewController中，我在顶部有一个标签，一个分段控件，然后在它下面有一个UITableView。当我为content视图创建.xib时，我放在一个表中，并在.xib中居中放置标签和分段控件。
当我呈现弹出画面时，我不希望它占据整个屏幕。我使用了大约(800,700)点来显示弹出窗口，但是标签看起来不正确。它们不在popover内居中，因为popover现在比.xib小。我所做的是将标签和分段控件移动到左侧，使其在IB中居中。这似乎不是最好的和未来的证明方法。我希望我可以做一些编程的事情，通过获取宽度大小，除以2或其他东西，并在此基
浏览 1提问于2011-06-24得票数 0
3回答
如何告诉图像保持居中- CSS
、、、、
我正在建立一个网站，我正在使用2000px宽的图像。我希望图像在宽屏幕上可见(就像我的用电视作为显示器的屏幕一样)，但较小的屏幕只能看到足够大的图像。(其余部分将被裁剪)。问题是，无论视口大小如何，图像都必须居中。我已经使用text-align:center;使文本具有响应性。我确实读过类似的主题，但无论我做什么，图像都是静态的，没有居中。请帮帮忙。
HTML：
<body>
<div id="wrapper">
<div class="header">
<img src
浏览 1提问于2013-12-14得票数 1
5回答
在web开发中迈出一小步。我有一个应用程序，它有一个与非常相似的加载器屏幕。
在桌面浏览器上，文本/图像垂直居中和水平居中(不管怎样)看起来都是可以接受的。
但是，当您在较小的屏幕尺寸上查看我的应用程序时，文本/图像开始与屏幕中心不水平对齐。
我已经阅读了很多相关的帖子和博客，但是不管设备的宽度如何，我都无法让我的文本/图像居中。这可以通过调整预览的大小使其更细来进行复制。
<div id="preloader">
<div class="preloaderContent">
<div id="loadLabel&#
浏览 0提问于2013-04-23得票数 0
CGRect rect = CGRectMake(0, 0, 1050, 900);
[wineAdminPopup presentPopoverFromRect:rect inView:master.view permittedArrowDirections:UIPopoverArrowDirectionUp animated:YES];
嗨，我把上面的代码放在一个表格视图中做一个弹出窗口。然而，它不会在整个屏幕上弹出。如果我想在iPad屏幕中居中，而不使用箭头或箭头。我该怎么做呢。提前谢谢。
浏览 1提问于2012-08-07得票数 0
回答已采纳
我想知道这是不是可能的。我已经设置了几行jQuery来获取页面上每个特定div的高度和负的上边距，这样我就可以在屏幕上居中我的div(一个标准方法())
$(window).load(function() {
$('.each-web-project-info > div').each(function() {
eachWebProjectInfoHeight = $(this).height();
$(this).css('height',eachWebProjectInfoHeight+'px')
浏览 2提问于2013-07-02得票数 0
回答已采纳
我有一个设置，我试图让一个div在屏幕上居中，但div flex-wrap中的图像是基于父div宽度的。
这在除Safari之外的所有浏览器中都有效。
浮动:向左；由于居中问题不起作用。我把场景弄得乱七八糟...
<div class="gallery">
<div class="galleryBlock">
<div class="galleryTile">
<img src="http://hdcomputerwallpaper.com/wp-
浏览 1提问于2015-01-30得票数 1
3回答
我使用的是jQuery工具可滚动插件。我正在尝试使活动框架位于屏幕的中心。
我将可滚动的包装器设置为100%宽度，效果很好，但活动框架是靠左对齐的。我想要的是活动帧居中。要获得更好的解释，请参阅我正在尝试实现的这个模型。
仅供参考:这是我的结构：
<div class="scrollable">
<div class="prev browse left disabled"></div>
<div class="items">
<div class=&
浏览 3提问于2011-12-21得票数 0
回答已采纳
2回答
我的笔记本电脑屏幕坏了。屏幕右侧的24个像素(大约)被损坏(这绝对不是驱动问题，而是物理损伤)。这不是一个直条，而是许多黑色像素的起落和流动与一些彩色像素的边缘。我是从某个人那里得到的，所以我不知道根本原因:可能是水的破坏？
无论如何，“电源菜单和任何滚动条(当应用程序是全屏的时候)都隐藏在这个损坏的区域后面。有什么方法可以调整屏幕分辨率或尺寸，使这些右侧的24个像素不被使用吗?所以，笔记本电脑是1024x768。我是否可以修改它，使它是1000 x 768 ( 1000是最左边的1000像素，而不是居中？)
我试着用"xrandr“来强迫屏幕宽到1000，但是它仍然是居中的，所以它仍
浏览 0提问于2011-12-20得票数 9
回答已采纳
1回答
我想重新创建以下头文件：
问题是内容在白色部分居中。正文背景为灰色，页眉为100%屏幕。
我现在所拥有的是：
CSS
.top_left {
background:#3c4d74;
}
.top_right {
background:#2f3a5a;
}
.top_center {
background:#3c4d74 url(http://img85.imageshack.us/img85/2816/headerbgo.jpg) no-repeat right top;
height:140px;
}
#page,
.top_center {
max-w
浏览 0提问于2012-06-17得票数 2
回答已采纳
1回答
我用carousel bootstrap做了一个全屏滑块。当屏幕尺寸变小时，背景图像会调整大小并居中。当屏幕变小时，我不想让它居中，但我想让背景图像聚焦在右边。
这是背景图片在普通屏幕上的样子(它是全屏滑块)：
这是背景图片在小屏幕上的样子(仍然是全屏)：
这就是我所做的
@media (max-width: 768px) {
.carousel-inner>.item{
position: relative;
}
.carousel-inner>.item>img{
position: absolute;
浏览 1提问于2015-10-24得票数 0
在下面的QML中，我在行布局中有三个项目，每个项目都需要在该布局中垂直居中。
中间的项目是一个PlayerSelector，它创建不同数量的文本编辑框来更改每个球员的名称。我尝试了两种不同的方法来保持PlayerSelector垂直居中。对我有效的方法会导致运行时警告，建议的方法不会保持该项垂直居中。请参阅这些屏幕标题和以下代码：
方法1和方法2最初都以中心为中心
方法1正确地保持垂直居中(anchors.verticalCenter)
方法2不保持垂直居中(Layout.alignment)
import QtQuick 2.12
import QtQuick.Contro
浏览 210提问于2021-06-06得票数 0
回答已采纳
3回答
CSS居中放映幻灯片图像
、、、、
我有问题的水平居中我的幻灯片图像，使他们是中心的所有屏幕尺寸/分辨率。
HTML看起来是这样的
<div id='banner'>
<div class='slides_container'>
<div>
<a href='#'><img src='images/banner.png'></a>
</div>
<div>
<a
浏览 0提问于2012-05-09得票数 1
回答已采纳
1回答
我偶然发现了一些发生在我的弹性子项目上的事情，如所示。
这是代码：
<div style="position:absolute; top:10px; left:10px; background-color:yellow; height:50px; width:200px; display:flex; flex-direction:column;">
<div style="overflow:hidden;">inner div text<br>inner div text<br>inner div text
浏览 2提问于2015-11-12得票数 1
回答已采纳
我是css的新手。
我想知道哪种最好的标准技术可以保持页面的完整性，即使浏览器大小改变，页面被放大或用于任何其他屏幕大小。我曾尝试使用容器将布局居中，但当页面放大时会受到干扰(我知道它会这样做，但我想要的是元素不会离开屏幕，如果可能的话，保持在几乎相同的位置)。
那么在css中最好、最简单的标准技术是什么呢？
谢谢你的帮助。
浏览 0提问于2011-08-23得票数 3
回答已采纳
3回答
虽然它必须是简单的，似乎没有任何在这个网站上解决这个问题，如图所示。
我已经试过了我所能想象到的一切，却没有满足。同样，当我调整为略有不同的场景而设计的方法时，我对所有进入我的页面的额外代码感到失望。
这基本上就是我想要达到的目标：
请注意，在(2)，调整大小的版本，标题背景的高度增加，以适应浮动的蓝色div。徽标大小不变。只有在屏幕低于660 in后，蓝色div的宽度才会减小。
在我的尝试中，标题下面的居中内容仍然是居中的。但是，头头不愿意合作。当然，有一种简洁、有效的方法可以在没有javascript的情况下对头进行编码，这涵盖了我所缺少的内容。
浏览 3提问于2014-02-13得票数 0
回答已采纳
我开始制作一个游戏，我做的第一个屏幕是一个非常简单的加载屏幕，带有一些居中的文本。
在启动它时，文本很好地居中：
📷
然后我调整窗口的大小，我得到：
📷
它为什么会被拉伸？为什么它动了？看一看我的代码，看起来一切都应该是完美的居中：
public void render(float delta) {
Gdx.gl.glClearColor(0, 0, 0.2f, 1);
Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);
if (Assets.manager.update()) {
//
浏览 0提问于2014-01-13得票数 2
1回答
网页不能缩放到视口宽度
、、、
我正在尝试将一个旧网页转换为响应式网页设计。
最小宽度为480像素，桌面版本将在稍后添加断点。
到目前为止的代码：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body{width:480px;margin:auto}
#wrapper{width:480px}
#header{width:480px;height:100px;t
浏览 47提问于2019-04-24得票数 0
1回答
这是我的Visual Studio报表设计器中RDLC报表的屏幕快照
正如你从截图中看到的，我的桌子完全居中。
这是我在运行模式下的报告屏幕截图。
您可以看到桌子稍微向右移动了一点。
我不知道为什么会发生这种情况。我已经将我的单个列的CanGrow和CanShrink属性设置为false，但我认为我的表体正在增长。
浏览 1提问于2015-06-16得票数 0
2回答
我有以下div：
#leftmenu{
position: fixed;
top: 50%;
margin-top: -65x;
height: 130px;
}
这个div是垂直居中放置在页面上的，它是固定的，网页很高，但是div总是在屏幕的中心可见。有了这些属性，如果我调整窗口的大小，菜单就会移动，因为它必须保持当前窗口大小的50%。我想要的是：
1)当我加载页面时，根据屏幕分辨率，div必须放在50%的顶部(我的代码可以)
2)如果我调整窗口大小，它必须保持固定。我希望有像"min- top“这样的属性或类似的东西来强制顶层，但它并不存在。你能帮帮我吗?
浏览 2提问于2013-10-03得票数 3
1回答
我正在尝试让我的网站根据屏幕的大小而流动。我创建了这个：。它工作得足够好了。内部的两个div在同一行中居中并且相邻，当它们匹配时-但当它们不匹配时，它们在各自的行中居中。
这是HTML。CSS和JavaScript也在其中。
<div class="divContainer">
<div class="div1">
<img src="http://placehold.it/200x300/EEEEEE/000000" />
</div>
<div class="d
浏览 3提问于2013-05-30得票数 2
回答已采纳
3回答
我正在做一个网站，这是一个水平的总宽度为12500px，它是在5页构建。
问题是我不知道如何使包装器居中？因为有很多不同的屏幕宽度。有没有办法让div ".box“自动缩放到屏幕宽度？
浏览 0提问于2012-01-18得票数 0
6回答
我正在开发一个iPhone应用程序，对xcode来说还是个新手。我正在尝试设计我的应用程序，以便无论使用哪种设备，主ui都将居中。我有一个包含所有控件(文本字段、提交按钮)的uiview。我将这个uiview放在基于iPhone 5模拟指标的界面构建器中。当我在iPhone 4或更低版本上测试时，这个of视图自然不会居中，而是靠近屏幕底部。有没有一种简单的方法使用界面生成器来让这个uiview自动居中基于设备？我需要以编程的方式将其添加进来吗？
感谢任何能帮上忙的人！
iPhone 3.5英寸=
iPhone 4英寸=
浏览 0提问于2013-01-30得票数 3
回答已采纳
1回答
这是我的问题，我有一个div和里面的两个div，一个居中，另一个固定在左边，问题是当我调整屏幕大小时居中的div与固定的div重叠，我想要做的是检测何时居中的div与另一个div重叠，并使用javascript更改其左值，但不起作用，有什么想法吗？
这是我的设计：
<div id="content-wrap">
<div id="content">
</div>
<div id="leftbar">
</div>
</div>
和CSS：
#c
浏览 2提问于2010-08-30得票数 0
回答已采纳
我有一个div，它需要以水平为中心，并且可以比它的宽度更小。
我使用这段代码对div进行居中，但是它不适用于缩放。div不会比它的最大宽度小。火狐和IE都是如此。
/* CSS doesnt work in Firefox and IE */
.center
{
max-width: 940px;
height: inherit;
background-image: url(../img/koeien%20liggen.JPG);
background-size: 100% auto;
background-repeat: no-repeat;
浏览 4提问于2016-10-21得票数 1
回答已采纳
3回答
我做了正确的div堆栈，但孩子们没有居中。具体来说，我使用的是一个画布和另一个可以作为输入层的div。我在画布上有输入层，并占据整个屏幕，而我希望画布居中(输入层也可以居中，但它占用了整个屏幕，所以不应该有太大变化。我不知道高度和宽度的原因可能也很好，因为这是一个响应能力强的站点。只要最终以javascript、css3、html5为中心，它将是有效的解决方案。
div容器-> (div输入&&画布)父-> (子&子)使以页面为中心的未知高度和宽度的画布
编辑:我希望蓝色的框(画布)在页面的中央。 code block to let me put jsfid
浏览 1提问于2014-04-01得票数 0
回答已采纳
2回答
我已经搜索了互联网和这些论坛，但无法找到我的问题的答案。
我有一个带有WebView的自定义视图，它可以根据用户的屏幕大小调整大小(模拟最大化)，在自定义视图的顶部有3个按钮。
这些按钮居中，但当视图调整大小时，它们会停留在原来的位置，导致它们不再居中。
如何在自定义视图中居中按钮？
我不需要在每次调整屏幕大小时都这样做，因为我只需要在方法调用中将按钮居中。
任何帮助都是非常感谢的！
浏览 0提问于2012-04-24得票数 0
回答已采纳
相关问题不包含有用的答案。
我试图为一个宽度为2000像素(足够宽到覆盖大多数大屏幕)的网站创建一个标题栏，但它是居中的，但我也不希望父容器div (其位置左50%)导致浏览器水平溢出。
我不能仅仅在html或body标记上“隐藏溢出”，因为我没有声明特定的宽度(声明100%不会隐藏溢出)。
我的代码如下所示：
<body>
<div id="navbgout">
<div id="navbg"></div>
</div>
#navbgout {
wi
浏览 5提问于2014-04-14得票数 1
回答已采纳
2回答
假设我们显示一些WPF窗口，当我们必须在底部显示一些额外的面板时。
我想要做的是增加WPF窗口的大小并再次居中。
有什么线索或样本吗？
浏览 5提问于2012-01-25得票数 23
回答已采纳
5回答
使背景图像居中
、、
请看一下上面的屏幕截图，我想居中放置一个黑色背景的图像，但我在底部得到了一些空白。请任何人能帮我解决这个问题。
CSS
.bgimg {
background: url('../images/GBS-Chronicle-Background-1.png') black no-repeat center;
}
div#cont {
height: 672px;
}
HTML
<body class="bgimg">
<div id="doc2">
<div id="hd"
浏览 1提问于2009-11-20得票数 0
回答已采纳
1回答
我在玩弄iOS 8的自动布局和约束，遇到了这个简单的问题，不知道是否有人可以帮助我。
我所要做的就是创建视图(uiview)，并在底部中间放置一个标签。所以我创建了一个新项目，主故事板设置为wAny hAny。将视图拖入其中x: 16，y:20宽度275，高度:560颜色:绿色
将以下约束添加到superview引脚顶部空间的引脚前导空间到superview引脚高度引脚宽度
添加标签并将其居中放置到标签上视图的底部，将前导空间固定到superview将底部空间固定到superview
当前看不到任何约束错误
在纵向模式下使用模拟器中的iPhone 6，我可以看到全景，底部的标签现在旋转到左侧，
浏览 1提问于2015-03-02得票数 0
1回答
我正在为我的网站创建一个使用最近下载的引导程序的设计
我尝试了row和span12布局，容器div没有居中到我的屏幕上。我使用的是58厘米的LED显示器(它看起来不居中)。
DIV的宽度显示为1170px(Firebug)，它应该是940px。
请在这里查看我的设计
假设它是这样的
我只想让标题固定并居中。
浏览 0提问于2013-05-17得票数 0
回答已采纳
1回答
旋转MKMapView
、、、
我有一个工作的应用程序与MKMapView显示用户的位置。到目前为止，一切顺利：
- (void)viewDidLoad {
...
[myMapView setAutoresizingMask:UIViewAutoresizingFlexibleWidth];
[myMapView setUserTrackingMode:MKUserTrackingModeFollow animated:YES];
}
现在，我允许接口轮换：
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)int
浏览 3提问于2012-06-03得票数 2
回答已采纳
2回答
这是个新手，所以如果我错过了CSS的重要一课，很抱歉……
我正试着用CSS做一个简单的练习...div中的div，这两个div的大小都使用百分比，以便它们可以响应不断变化的窗口大小。下面是我的代码：
<head>
<title>Percentage Test</title>
<style>
html, body {
height: 100%;
margin: 0;
}
#outer {
height: 100%;
浏览 0提问于2014-06-05得票数 2
我得到了一个外部源代码提供的应用程序.jar，它启动了一个GUI。不幸的是，最初的开发人员并没有考虑到这是在具有1366x768分辨率的笔记本电脑上的可能性。默认情况下，窗口太高，并从屏幕的顶部和底部运行(居中)。
这个程序是由一个小.exe包装的，我想知道我是否可以说：
java -jar *.jar width=x height=y
或
*.exe --width x --height y
或者别的什么？
浏览 3提问于2015-07-23得票数 3
1回答
在一个带有display: flex的容器div中，我有一个动态的div数。
现在，我希望我的子div是居中的，所以我使用justify-content: center。这对于少数儿童(蓝色长方形)来说是完美的。
但是对于更多的孩子来说，设置justify-content: center意味着子div被推得越来越远(红色矩形)。
被推到右边的孩子仍然是可见的，因为我可以滚动到右边去看最右边的孩子。
但是从屏幕向左推下的孩子是不可见的，因为我不能向左滚动。这是一个问题。
所以，基本上，我想使用flexbox来对它的孩子，但防止孩子被推到屏幕左边。相反，内容应该溢出到右边，即justif
浏览 0提问于2017-07-31得票数 6
回答已采纳
3回答
理想情况下，随着浏览器宽度的变化，我希望表单的textarea及其下面的所有内容保持居中。我在测试Chrome。如何使表单始终保持居中状态，并使textarea宽度随着浏览器宽度的减小而减小？
注-我只能发布2个链接的问题，所以请参阅我的第三张图片的评论。
半屏幕(这是你简单地把浏览器的右端拖到左边的时候。注意，您添加货币的行是左对齐的，而不是中间的)
最小宽度屏幕(这是您可以将浏览器边缘拖到左侧的最远距离)。这里的问题是文本区域的句柄(右下角)不再可见。我希望文本区域的宽度能够调整到浏览器的更小的维度)：
<form class="form-inline&
浏览 1提问于2015-07-19得票数 0
回答已采纳
1回答
我尝试使用Ionic设计一个登录屏幕，我的字段位于页面的中心。当我选择一个输入时，我想要向上滚动屏幕，使我的字段和登录按钮位于应用程序屏幕的中心。
我有这个在1中的东西，我想要2
我真的不知道该怎么做。
下面是我的html代码：
<ion-content class="login-page-background">
<div class="content-login">
<img src="assets/images/logo-yellow.svg" width="70%">
浏览 19提问于2017-03-15得票数 2
回答已采纳
我正在做一个注册页面。在页面底部我想添加一个标签，上面写着：“有账户吗？”还有一个标题为“登录”的按钮。
我在这里试图实现的结果是，这一行“有一个帐户?登录”将始终是居中的，无论设备的屏幕大小。不幸的是，我还未能在故事板中找到一个具有约束和对齐设置的解决方案。
有人能帮我个忙吗？
浏览 1提问于2015-01-08得票数 3
回答已采纳
我正在深入研究自动布局，并试图理解如何将多个视图水平居中，包括具有内部大小的视图(如UILabel或UIButton)。
例如，我有一个固定宽度为320的自定义视图。在其中，我有两个子视图，一个是UILabel，一个是UIImageView。我希望UIImageView在UILabel右侧15个像素，我希望UILabel和UIImageView一起在superview中水平居中，但我不确定处理这个问题的最好方法。
我是否应该将它们放在容器视图中，并在superview中将容器视图水平居中？如果是这样，如果UILabel具有固有大小，我如何确定该容器视图的宽度？
或者，我是否应该计算UILabe
浏览 1提问于2014-02-11得票数 1
4回答
我不知道如何将div的高度设置为它的父母viewport的100%。
目标是有一个可滚动的div与另一个div (“欢迎屏幕”)+文本在里面。“欢迎屏幕”应该填充完整的视图，这样只有在滚动之后才能看到下面的文本。在“欢迎屏幕”内部应该是一个居中的标志。
我尝试了这么多东西，但没有找到一个解决方案，考虑到额外的divs生成。
我生成了一个JSFiddle来说明这个问题：
#outer {
height: 300px;
width: 400px;
overflow: auto;
}
.welcome-screen {
background-color: darkred;
he
浏览 6提问于2016-05-25得票数 1
回答已采纳
我有一个响应性很强的图片库；jquery插件名为Galleria。我试图将div元素定位在图片库的顶部，并将其垂直和水平地放置在Galleria内部，而不管屏幕大小。
在我的观点中，这看起来很简单：
<div class="galleria">
<%= image_tag "gallery/1.jpg" %>
<%= image_tag "gallery/2.jpg" %>
<%= image_tag "gallery/3.jpg" %>
</div>
浏览 6提问于2014-02-20得票数 2
回答已采纳
我正在用cocos2d制作一个基于瓷砖的2d RPG。我正在用CCTMXTileMaps做地图。我的播放器集中在屏幕上，地图在它周围移动(除非玩家向地图的边缘走去，在那里他们离开中心，实际上移动)。该系统在大型地图上运行良好。然而，在小地图中，地图锚定在屏幕的右上角。虽然机械仍然工作，这将是很好的小地图自动居中。
如何使比屏幕尺寸更小的地图居中？，我希望地图在“红色框”中居中。(红色方框在这里只是为了说明，它实际上并不在代码中。)
编辑：
所以我在理论上想出了怎么做，但是我很难理解坐标系。我使用下面的代码对地图进行居中，但它的行为并不像预期的那样。这张地图从屏幕上加载。
if
浏览 2提问于2011-07-13得票数 5
回答已采纳
4回答
我在一个页面上有一个div，我需要将内容放入其中。有时内容只有几行高，有时内容超过屏幕高度，两者之间的大小各不相同。
有下面的div的内容，所以我需要该内容被适当地下推，所以下面的内容总是在div的正下方。
基本上，它看起来如下所示：
<div id="MainContentArea"><!-- my content --></div>
<div id="BottomContentArea"><!-- pre-existing content --></div>
为#MainContent
浏览 0提问于2010-08-17得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
