如何在网页的容器中心动态放置一组div
在网页的容器中动态放置一组div可以通过以下步骤实现：
- HTML结构：首先，在容器中创建一个父元素div，用于包裹要放置的一组div。给这个父元素div设置一个唯一的id，方便后续的操作。
<div id="container"></div>- CSS样式：为了实现居中效果，需要设置容器的样式为flex布局，并使用justify-content和align-items属性将内容水平和垂直居中。
#container {
display: flex;
justify-content: center;
align-items: center;
}- JavaScript动态添加div：使用JavaScript动态创建一组div，并将它们添加到容器中。
var container = document.getElementById("container");
for (var i = 0; i < 5; i++) {
var div = document.createElement("div");
div.textContent = "Div " + (i + 1);
container.appendChild(div);
}以上代码会在容器中创建5个div，并在每个div中显示相应的文本内容。
完整的示例代码如下：
<!DOCTYPE html>
<html>
<head>
<style>
#container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
#container div {
margin: 10px;
padding: 20px;
background-color: #f0f0f0;
}
</style>
</head>
<body>
<div id="container"></div>
<script>
var container = document.getElementById("container");
for (var i = 0; i < 5; i++) {
var div = document.createElement("div");
div.textContent = "Div " + (i + 1);
container.appendChild(div);
}
</script>
</body>
</html>这样，一组居中放置的div就会动态地显示在网页的容器中。你可以根据实际需求修改样式和数量。
相关·内容
3回答
这就是我的网页在我的电脑上的样子
我想做的是：
将我的内容(按钮、表格、下拉列表)移动到网页的中心(根据屏幕大小动态和自动地移动)。
使网页适合移动浏览器。(即内容占屏幕空间的绝大部分)
我是一个自举和css的菜鸟。下面是一个具有与我的网页类似的代码的jsFiddle：
如何将其中一行作为中心，例如：
<div class="row no-gutter">
<div class="col-xs-1"><h5 class="text-center">Your grade</h5&g
浏览 3提问于2016-02-22得票数 0
回答已采纳
我有一个固定宽度、相对位置和居中的#content div (如下面的红色外框所示)。在这个div的顶部，我需要放置两个固定位置的标题div，一个在中心的左边，一个在中心的右边(中心线显示为红色虚线)。
这两个页眉div具有动态宽度，需要锚定在朝向中心的一侧(以黑色粗体显示)。当它们变大时，它们的外缘应该向周边延伸(用黑色箭头显示)。
我以为我可以用这样的东西达到这样的效果，但没有运气：
#leftheader { position:fixed; top:0; left:50%; margin-right:10px; }
#rightheader { position:fixed; top:0
浏览 0提问于2011-05-24得票数 2
回答已采纳
<!DOCTYPE html>
<html>
<head>
<title>HTML demo</title>
</head>
<body>
<div style="text-align:left;">
A B C D E F G
</div>
<div style="text-align:center;">
D
</div>
</body>
</html>
如果我希望第二个元素D就在(中心)A，B，C
浏览 9提问于2022-02-04得票数 0
回答已采纳
1回答
网页上的两个视频
、、、
我有两个视频在我的网页上，是在对方之上。如何将第二个视频移到中心？
我已经在css和nothing中尝试过带有<div>属性和text-align: center;的class="video"标记。
当我去预览我的页面并且每次刷新时，它都是一样的。
我感到很沮丧，因为我似乎找不到解决办法。
我只想把第二个视频移到中心。谁来帮帮我。
浏览 4提问于2016-10-16得票数 0
回答已采纳
1回答
我有一个有两列的页面。第一列是动态宽度。它在表中包含一组表格数据。第二列是一个固定的宽度，充满了导航材料。
这2列是div，左浮动。我需要完成两件事。
我需要在页面上对2div进行居中。例如，如果第一个div的宽度为600 to，而第二个div是固定的200 to，则中心点为400 to。I不希望第二个div在调整浏览器窗口大小时关闭。
我在想，我可能不得不在另一个div的内部嵌套2 div，使用javascript设置父div宽度，然后将其居中。
我创造了这把小提琴来帮助说明。
浏览 0提问于2012-01-08得票数 0
回答已采纳
我刚刚开始玩Bootstrap (哇，我后悔这么晚了！)，我正试着按照它的惯例来学习如何做事情。我意识到有几种方法可以“黑”左边的container，但是如何正确地将它放置在左侧而不是居中(我应该如何通过Bootstrap的方法来做到这一点)？我无法想象每个设计师都希望自己的网页以自己的网页为中心？
请注意：，我指的不是流畅的页面(使用包含内容的整个页面)。我的愿望是简单地把所有的“阴沟”空间留在右边，而不是在左边和右边平均分配。
以防我搞不清楚：
目前：
XXXXXXX[<div class="container">]XXXXXXX
目标：
[<div c
浏览 2提问于2014-01-22得票数 0
回答已采纳
1回答
创建一个(最终)三层树状视图结构--体育> teams>播放器进展：
body {
margin: 10px;
}
.firstLevel {
display: grid;
grid-template-columns: 200px 200px 200px;
grid-template-rows: 200px;
background-color: #fff;
color: #444;
margin-bottom: 20px;
}
.firstLevel > .box{
background-color: red;
}
.secondL
浏览 2提问于2017-12-17得票数 1
4回答
我有一个网页。它太高了；在页面中，我在页面底部有一个div。我想在页面的中心部分显示div。它以我喜欢的方式出现在页面中心的底部位置，但需要滚动。有没有可能在不滚动的情况下在div上设置焦点？
浏览 0提问于2009-11-11得票数 0
回答已采纳
2回答
在我的网页中央，我有一个带有id center-container的div，它包含两个div:一个用于视频播放器(在左边)，第二个(在右边)用于可选的东西，比如播放列表。在中心容器div的上面和下面，我还有另一个内容。
现在的问题是。当播放列表div不存在(未设置)时，如何才能使我的视频播放器容器位于页面中间，而不中断剩余的布局。
浏览 0提问于2011-11-20得票数 6
回答已采纳
当时我正在使用谷歌的PageSpeed工具，在我的主页上遇到了一个问题，我不知道该如何解决。建议是修正“大小内容到视图端口”，但在使用Twitter引导之前，我从未遇到过这个问题。能不能有人看看我的网站，看看我是不是遗漏了什么东西？
<div class="row">
<div class="container">
<div class="col-sm-4 text-center">...</div>
<div class="col-sm-4 t
浏览 5提问于2016-02-07得票数 0
回答已采纳
1回答
我知道这是一个常见的问题，但听我说完，因为我还没有看到任何有效的解决方案。
这个以中心为中心的div在jsfiddle上工作得很好，但与我的chrome扩展不一样。在我的chrome扩展中，我用这个css动态地将一个div附加到给定网页的主体(使用document.body.appendChild)，但是它没有显示出来。当我进一步检查时，我可以看到我正在访问的网站正在将它自己的风格应用到我的div中，我不确定这是否会影响事物。
html：
.myDiv{
position: fixed;
/* center the element */
right: 0;
l
浏览 5提问于2013-08-08得票数 0
回答已采纳
1回答
在本例中，一旦浏览器窗口高度降到400 no以下，图像就不再以可滚动区域为中心。
html {
height: 100%;
}
body {
height: 100%;
display: flex;
align-items: center;
margin: 0;
padding: 0;
}
#content {
height: 400px;
display: flex;
align-items: center;
}
<div id="content">
<img src="
浏览 2提问于2016-10-13得票数 1
回答已采纳
4回答
如何使用css在div中显示图像中间？
CSS：
.out{
width: 500px;
height: 500px;
overflow: hidden;
}
HTML：
<div class="out">
<img src="https://redditupvoted.files.wordpress.com/2016/03/waffles-cat.jpg">
</div>
我得到了这个输出：
但是我想让它像这样(以x方向为中心，黑色方块是图像，红色方块是div类)：。
输出结果是：
浏览 4提问于2016-10-10得票数 9
回答已采纳
1回答
我试图创造一个模式的反应，但遇到了一些问题。
假设我有以下结构：
反应结构
<ComponentUsingModal>
<Left>
<ButtonToActivateModal>
...
</ButtonToActivateModal>
<ModalComponent>
...
</ModalComponent>
</Left>
<Right>
浏览 8提问于2022-03-17得票数 0
我有一个绝对的div作为我的网页设计的主要内容区域。我有另一个div，它占据顶部的位置，高度为450 is。在页面加载之前，我无法知道绝对div的高度，所以只有在页面加载发生之后才能找到它。
现在的问题是，我的身体也占据450 do (高度)，所以如果我想在绝对div结束后显示一些东西，我就不能这样做。
摘要：
Absolute Div : 600px (for example, don't know the actual height) Has position:absolute.
Top Div : 450px (No position:absolute)
Body Becomes
浏览 0提问于2013-01-24得票数 1
2回答
HTML元素重叠
、、、
我正在处理一个ASP.Net网页，其中两个表位于页面的中心，另一个位于另一个的顶部。顶部的表包含由代码隐藏动态生成的输入字段，因此输入字段的数量不同。底部的表包含常量的内容，不会更改。页面的布局是固定的，必须保持不变。我的问题是，如何使底部表垂直地进行动态调整，使其不与顶部表中的字段重叠。页面的一般HTML布局如下所示：
<body style="vertical-align: middle; text-align: center;">
<div id="container" style="position: relative;
浏览 2提问于2011-03-29得票数 0
回答已采纳
我一直在搅乱我的几个网页，因为当网页被放大或放大时，它们就被完全搞砸了。我已经尝试过<center>和<div align:"center">来把网页的中心放在中心，但这看起来不太管用。引起悲痛的网页是：
有什么想法吗？
浏览 2提问于2012-09-03得票数 0
2回答
很抱歉，我不知道如何更清楚地表达这个问题，但我的网页background-position目前设置为center。当我调整窗口大小时，它保持在最中心，当窗口比背景图像小时，图像保持居中，因此左右边缘都会被截断。我遇到的问题是，当我使用margin:auto;时，我的width:700px;内容框将停留在中间，但是当窗口被调整到比div更小的宽度时，框的最左边的边缘留在视线范围内，而最右边的隐藏在窗口框架之外。这对我来说真的很难解释，如果我说得不清楚，我很抱歉。我对web开发非常陌生。下面是截图示例：
：很好！一切都居中对齐
：糟糕！背景图像保持在窗口宽度的中心，但div框在最左侧停止，然后从另
浏览 1提问于2014-03-05得票数 0
2回答
假设我有60-70个UIImageViews，我想同时动态地将相同的图像加载到它们中(可以这么说)。
例如，如果我在一个有60-70个div的网页上工作，我想给他们一个背景图像，我会给他们一个myDivs类，并调用`$(‘.myDivs’).css(‘.myDivs- image’，'url(‘+ imageUrl + ')')；
我知道如何设置UIImageView的图像，但是在Objective C中有一种简单的方法可以一次设置一组图像吗？
我确实尝试过搜索，但我被大量与之无关的东西淹没了。
浏览 0提问于2014-01-06得票数 0
1回答
我很难让我的网站上的页脚工作。页脚被分成两部分。第一节是mainFooter区，第二节是类似版权区。
我有版权领域的徽标和mainFooter的标志。我需要让他们中的两个人时刻保持一致。这真的是一个标志，但分裂成两个脚，因为它是一个愚蠢的标志。
就是这样：
因为这一行，我们必须将页脚分成两部分。但是，“现在艺术”的文字绝不能与建筑物不一致。
因此，我的解决方案是在这两个元素上使用绝对定位，设置右:0，底部:0，并使用边距、顶部/底部调整它们的位置。
问题是，这只在徽标真的很远并且没有真正与页面上的其他内容对齐的情况下才能工作，因为所有其他内容都是以中心为中心的。这就是我的意思：
浏览 1提问于2014-04-04得票数 0
回答已采纳
我有两个垂直堆叠的UILabels：
+----------------------------+
| +----------------------+ |
| | blah blah blah | |
| +----------------------+ |
| |
| +----------------------+ |
| | asdf fdsa | |
| | asdfear aoeirhaleir | |
| +----------------------+ |
+-
浏览 6提问于2014-02-19得票数 5
回答已采纳
我有一个用CAShape Layer创建的以(x，y)为中心的层。我想知道如何围绕它的中心旋转。
那么在上面的图片中，我们如何旋转指针呢？CGAffineTransform？或者CABasicAnimation，必须使用什么以及如何使用(语法相同)。
浏览 0提问于2016-08-01得票数 0
2回答
有没有一种方法可以在div中心水平显示一组图像，即使图像比div宽？例如，如果外部div是100px宽，图像是200px宽，那么我希望图像中心(即100px)与包含div的中心(即50px)对齐。
目前，当所有图像都小于div时，它工作得很好，但当它们变宽时，它们会变得左对齐。如果它们都是相同的宽度，那么我可以设置div的滚动位置，但它们是动态图像，可以是任何宽度。请看中的示例。
这里的目的是产生类似于文档查看器的东西，其中每个图像都是文档中的一个页面，因此将在中间对齐。
谢谢你的帮助！
浏览 2提问于2013-07-15得票数 0
回答已采纳
4回答
定位按钮
、
我将页面中的元素以如下为中心：
display: block;
margin-left: auto;
margin-right: auto;
但是当我尝试用一个有两个按钮的div来做这件事的时候，为什么呢？以及我如何把它们放在中间。
浏览 15提问于2022-10-16得票数 -1
回答已采纳
3回答
页面内容不会居中
、、
在这件事上，我几乎是尴尬地寻求帮助。这不是我以前从来没有做过这件事--用我现在正在使用的代码！
对于我来说，我不能理解为什么新页面的内容不在浏览器窗口的中心。
我拥有的HTML是这样的：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<
浏览 1提问于2011-12-06得票数 0
回答已采纳
1回答
所以，我在一个段落中有一个词，里面有一个工具提示。
<div>
lorem
<div class="word">
ipsum
<div class="definition">this will be the tooltip text</div>
</div>
blah blah blah
</div>
现在，使用jQuery，我将definition元素设置为在mouseover上可见。
单词ipsum将是一个动态的单词，定义将是一组动态的单词。我
浏览 3提问于2018-01-19得票数 1
回答已采纳
1回答
我完全控制了一个div元素，包括它的内容、相关的JS事件处理程序和样式选项。这个div将被插入到一些我不知道的网页模板中，例如，它可能被插入到一个表单元格中，或者被插入到基于div的复杂标记中，等等。我需要能够构建这个div，使它能够在它要插入的父元素中占据一个可预测的区域。
，我需要为不同的用例支持多少个定位方案？，对我最好设置的网页模板有什么限制，这样我的div构造子例程就不会变成不可维护的混乱？，什么会更自然，将div扩展到100%的可用区域，或者调整到给定的宽度和高度？
浏览 0提问于2010-02-08得票数 1
回答已采纳
1回答
覆盖以网页为中心的网页
、、、
我正在使用角墙，以建立我的网站。默认的对齐方式位于中间。但是，我想渲染的模板，需要占用100%的车身宽度。我在css里用过
body{
width:100%;
margin-left:0;
padding-left: 0;
background-color: yellow;
}
这确实使整个观看区域呈现黄色。但是我的模板中的内容仍然呈现在中心。
我怎么才能推翻它？
谢谢。
编辑:我没有太多的代码。我已经附上了两张照片，关于它的外观和我希望它的外观。
<h1>Work Bench </h1>
<div class="c
浏览 1提问于2015-12-28得票数 1
回答已采纳
我的CSS词汇表让我失望了。我相信这是可以做到的，但我不知道如何正确地陈述我的问题.CSS/HTML真的不是我的专长:(
基本上，我想做的是有一个主分区和一个边界分区。主div将是700 be宽和中心。边境线将宽300 be，或者：
如果屏幕大小小于1000 to，则屏幕大小大于1000 to (300px+700px=1000px)Pushed时，将对齐屏幕的左边。例如，如果浏览器宽为800 be，则边框div将位于左-200 be(700 px-1000 be=-200 be)。
我希望这是有意义的。这是我问题的示例代码。如果在浏览器中尝试它(在我的例子中是FF)，您会发现当浏览器屏幕大于
浏览 5提问于2011-02-08得票数 0
回答已采纳
我想创建一个导航栏与一个标志在中心，并在两侧的两个导航栏项目(链接)，宽度相等的间距。我还需要的标志是与导航栏项目的中心。
这是我到目前为止拥有的代码。我使用的是bootstrap。
HTML：
<div class="nav">
<div class="container">
<ul>
<li> <a href="#">Navbaritem1 </a> </li>
<li> <a href="#"> Navbaritem2
浏览 3提问于2014-11-30得票数 0
1回答
可能重复：
我遵循的方式，使网页中心对齐，但网站仍然是左对齐。请帮帮忙。谢谢
#parent{
margin:0 auto;
width: 960px;
}
<div id="parent">
<!--more code goes here-->
</div>
浏览 1提问于2012-09-29得票数 0
回答已采纳
2回答
我所有的页面都使用整个宽度。
我希望这些网页符合一个内容自动大幅度的网页，我似乎不能这样做。
我用的是反应和引导。
我试过使用以下方法，但它仍然使用宽度的100% .
<div class="container">
<div class="row">
<h1>Scheduler goes here!</h1>
</div>
</div>
我也尝试过添加这个包装程序div。
&l
浏览 5提问于2017-02-17得票数 0
2回答
我正在做一个使用Google Web Toolkit (GWT)的项目。我正在使用dock布局面板来布局网页。在CENTER中，我有一个flow面板，它添加了一组不同大小的子项。当小部件的数量变大时，CENTER panel不会重新调整大小以包含这些新的小部件。如何让dock布局面板调整中心面板的大小，以使中心面板中的流面板的所有子小部件都清晰显示？如果有人能提供一些关于这方面的信息，我将不胜感激。我知道dock布局面板使用绝对定位，但是当flow面板有多个小部件时，我的flow面板被设置为动态调整大小。
谢谢,
最高时速
浏览 2提问于2012-04-09得票数 1
我目前正在为我正在工作的网站设计一个标题栏。我希望标题在左边显示一个标志，在中间显示标题，在右边显示用户帐户。
这个模型就是我所设想的。请注意，虚线框表示div。
我已经在HTML/CSS中创建它方面取得了一些进展，但我似乎无法将标题放在视图的中心。
正如您所看到的，标题是在徽标和帐户信息div之间对中，而不是在viewport上以自己为中心。这最终会使页面看起来有点差，所以我真的很想把标题放在视图的中间。
这是我的密码：
.headerBarArea {
background-color: #7785A2;
border: 0;
padding
浏览 1提问于2021-10-19得票数 0
苹果文档对translatesAutoresizingMaskIntoConstraints有这样的说法
如果此属性值为真，系统将创建一组约束，这些约束复制视图的自动调整掩码指定的行为。--这还允许您使用视图的框架、边界或中心属性修改视图的大小和位置，允许您在自动布局中创建静态的、基于框架的布局。
请注意，自动调整掩码约束完全指定视图的大小和位置；因此，在不引入冲突的情况下，不能添加其他约束来修改此大小或位置。如果要使用“自动布局”动态计算视图的大小和位置，则必须将此属性设置为false，然后为视图提供一组明确、无冲突的约束。
关注突出显示的部分--如果我使用自动布局约束添加视图，将tran
浏览 7提问于2022-08-15得票数 0
回答已采纳
4回答
我是第一次做网站，这对我来说是很难的一些简单的任务。就像现在我被困在这个问题上了。我有一个div向左浮动，另一个向右浮动。在一些页面中，左边的div大于右边的div，有时它正好相反。
我需要多一个div，无论哪个(左或右) div更大，它都停留在底部中心。现在，我成功地做到了，只有当左边的div大于右边的div时才能工作。
对不起，这让人费解，也很难解释，问题可能是定位问题，但我想不出如何让它发挥作用。
简单地说，：需要ID底部位于底部中心，低于其他div。忘了提到:如果我移动div，它会在不同的屏幕大小上出现混乱。
<div id="bottom"><p&g
浏览 5提问于2014-12-02得票数 1
回答已采纳
3回答
我的标记页包含以下两个元素：
html {
width: 100%;
height: 100%;
}
Body {
height: 100%;
width: 100%;
}
div#bg {
height:320px;
width:850px;
margin: auto;
background-color: blue;
}
#black {
position: absolute;
background-color: black;
width:33%;
height:13%;
margin:9
浏览 2提问于2014-02-15得票数 1
回答已采纳
1回答
我正试图为我的投资组合创建一个自定义按钮。
这个按钮将是动画的，顶部部分从左边滑入，底部部分从右边滑入时悬停。
在它的中心将是类别链接到这个按钮。
这里有一个例子：
我如何将我的文本设置在中心，为我将创造的每一个？我不能使用“位置:绝对”属性，因为引用将是网页而不是声明自定义组件的位置.
这里是我的实际代码：
CSS
const CatStyle = styled.div`
box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.75);
height: 50px;
max-width: 150px;
background-color: wh
浏览 0提问于2019-03-20得票数 0
回答已采纳
1回答
我尝试用一些动态创建的子div来填充我的网页中的div。这些子div的数据源是一个xml文件。来自xml的数据被很好地解释，并且div被显示在页面中。问题是CSS类和样式在加载后对这些div不可用。我使用jquery和ajax调用解析xml文件，并使用jquery的append方法动态创建子div。感谢您的帮助。
浏览 0提问于2011-05-09得票数 0
2回答
我使用名为slideshow的div中的图像设置了一个网页。div的最大宽度为1600px，最大高度为600px (这里使用的是原始jpg的宽度和高度)，并在屏幕变小或调整大小时动态缩小。
这很好用，因为CSS按如下方式设置了图像的行为：
.slideshow img{
margin:0 auto;
width: 100%;
max-width: 1600px;
min-width: 900px;
}
现在我想通过用Pixedelic的相机幻灯片替换图像来达到同样的效果。但在这里，我无法使用.slideshow img{}控制图像，因为脚本使用的是div而不是图
浏览 5提问于2014-01-24得票数 0
我是新的网页开发，并一直使用引导v4在我的个人项目。根据引导文档中提到的网格系统，其中有一行列。我已经注意到，在默认情况下，Bootstrap行是flex容器，而我在行中放置的任何div容器的行为都类似于flex元素。所以他们缩进了里面的内容。
但是，如果我对行中的div应用了col类，col现在就会填满整个行，并且不会缩进它们中内容的大小。因此，有时我更喜欢在一行中使用子div，而不使用col类。此外，我可以直接应用对齐内容中心和对齐项中心行div。
所以不是去做，
<div class="row">
<div class="col"
浏览 3提问于2020-08-11得票数 0
回答已采纳
我有两个项目:一个日历组件和一个按钮。它们的高度/宽度不同。
如何使它们在水平和垂直方向上居中？
桌子？Div？...
我认为每个物体都有50%的面积，并以此为中心。然而，我可能会对水平居中(彼此之间有一个间隙)持开放态度。然后将它们作为一对垂直居中。
浏览 0提问于2012-11-15得票数 1
回答已采纳
1回答
我已经编写了一个Swing应用程序。我想将JFrame设置为以用户屏幕为中心。我可以使用以下命令将其设置为屏幕的大致中心：
JFrame frame = new JFrame("Test Frame");
Rectangle r = new Rectangle(600, 300, 400, 400);
frame.setBounds(r);
有没有一种方法可以定义Rectangle r，使其中心位于任何屏幕的中心？
setBounds()是动态改变帧位置的错误方法吗？
浏览 0提问于2012-08-05得票数 3
回答已采纳
我已经开发了一个container，其中包含两个元素，el和绝对定位元素pp。el与container共享相同的宽度和高度，它们的宽度可以动态更改。
pp应该以el和container为中心。我在pp div的中间有一个红色的标记来标记它的中心。
container和el的宽度为30 to，以pp为中心，使用translateX(-50%)。据我理解，这应该是pp到el的中心。但实际结果并不是这样。-50%将div向左移动一点。当调整-43%的中心红色标记。但是这个-43%不适用于另一个宽度不同的el div .
如何始终使用pp将translateX容器的中心对成任意大小的另一个div。
浏览 0提问于2018-02-01得票数 0
回答已采纳
可能重复：
如何在浏览器窗口中对动态高度和100%宽度的div垂直中心？
<div class="login-signup-page">
<div class="login-signup"></div>
</div>
其中登录注册具有100%的宽度和动态高度。
浏览 8提问于2012-06-12得票数 0
回答已采纳
9回答
我有X个图片(都是相同的高度和宽度)，我想在网页上显示它们。但是，当浏览器调整大小时，我想使页面自动显示一行上的最大图像数(而不调整图像大小)，并显示图像之间的固定距离。
此外，图像应分组在页面的中心，并显示一个接一个。
例如，当浏览器窗口的宽度仅足以在一行中显示3幅图像时，它们应按如下方式显示。
每行有3幅图片，一组一组，隔一段固定的距离，在页面的中心，一个接一个。
如果浏览器变得更宽，那么4幅图像可以显示在一行上，它们应该像这样显示。
每行4幅图像(不调整图像大小)，一个接一个地将页面中心的固定距离组合在一起。
到目前为止，我已经编写了以下代码：
<div class=
浏览 22提问于2015-10-17得票数 32
回答已采纳
2回答
我有一个Google扩展，当用户点击工具栏中的Chrome扩展图标时，我将在网页底部添加一个DIV。
这是密码，
var newdiv = document.createElement('div');
newdiv.id="alignToBottomDIV";
$( "body" ).append(newdiv);
$("#alignToBottomDIV").load(chrome.runtime.getURL("bottomBar.html"));
和CSS，
#alignToBottomDIV{
he
浏览 3提问于2015-03-20得票数 0
回答已采纳
我有一个名为#text的div，在另一个div #box中。现在，我尝试通过这样做来调整#text的中心位置：
#box {
width: 50%;
#text {position: relative; margin-left: 48%;}
}
这段代码将#text放在#box的中心，但是当我调整屏幕大小时，#text的大小相对于屏幕的大小发生了变化，因此它的margin-right的大小也发生了变化，它不再恰好位于中心。
我听说有一个涉及几个包装器div的"hack“，但我不想让我的css或html过于复杂。有没有一种简单的方法来水平定位div恰好位于其父目录的中心？
浏览 4提问于2015-02-10得票数 0
3回答
如果我有一个容器，像一个指向动态对象的指针的std::set，那么我如何释放它的元素？
int main()
{
// new scope
{
int x = 10;
std::set<int*> spi;
spi.insert(new int(1));// elem is a dynamic object init from 1
spi.insert(new int[3]()); // elem is a dynamic array of 3 default-init integers
浏览 4提问于2019-12-29得票数 1
有三个columns..Combine的所有三个宽度都是固定的。第2(中)列将包含动态内容..我需要左列和右列来均匀填充剩余空间(容器宽度-中心列动态宽度)。
示例：
<div class="container">
<div class="bg"></div>
<div>Lorem Ipsum</div>
<div class="bg"></div>
</div>
CSS :
.container { width:500px; }
浏览 0提问于2012-09-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
