为什么我的盒子容器没有相同的大小，而且不在屏幕的中间
盒子容器没有相同的大小且不在屏幕中间可能是因为以下几个原因：
- CSS样式：在网页开发中，通过CSS样式来控制盒子容器的大小和位置。如果没有正确设置盒子容器的宽度和高度，或者使用了不同的CSS样式属性，就会导致盒子容器大小不一致且位置偏离屏幕中间。可以通过调整CSS样式属性，如width、height、margin等来解决问题。
- 响应式设计：如果网页采用了响应式设计，那么盒子容器的大小和位置可能会根据不同设备的屏幕尺寸和方向进行自适应调整。在不同设备上可能会出现盒子容器大小不同且位置不在屏幕中间的情况。可以使用CSS媒体查询和弹性布局等技术来实现响应式设计。
- JavaScript脚本：如果网页中使用了JavaScript脚本来动态控制盒子容器的大小和位置，那么可能是脚本逻辑出现了问题，导致盒子容器大小不一致且位置不居中。可以检查脚本代码，确保逻辑正确。
- 浏览器兼容性：不同浏览器对CSS样式的解析和渲染存在差异，可能会导致盒子容器在不同浏览器上显示效果不同。可以通过添加浏览器前缀、使用CSS重置或者选择性地使用兼容性方案来解决这个问题。
综上所述，解决盒子容器大小不同且不在屏幕中间的问题，需要仔细检查CSS样式、响应式设计、JavaScript脚本和浏览器兼容性等方面的问题，并做相应的调整和修复。
相关·内容
这是我的第一个问题，我是新来的。我找了很多东西，但没有找到合适的答案。
颤振:我需要设置我的盒子高度灵活，以适应任何大小的屏幕。我也需要把我的最后一个盒子安装到屏幕的右边，以适应任何屏幕。我还在屏幕图像中提到了我的问题。帮帮忙吧。我在这里添加我的代码。
输出和我的代码的要求
void main() {
runApp(const Challange2());
}
class Challange2 extends StatelessWidget {
const Challange2({Key? key}) : super(key: key);
@override
Wi
浏览 0提问于2022-09-24得票数 1
回答已采纳
4回答
在学校的项目现场工作，遇到了一些愚蠢的问题。
1)所以我首先想知道的是，我在带有纹理背景的div上的高度设置在手动PX上。我希望这是自动设置，因为我使这个响应，所以我希望它增长和缩小与方框div。但是，如果我将其设置为auto，则如下所示
我不明白为什么盒子不往下推？
2)如你所见，右边的两个盒子比左边的两个盒子往下贴。我不明白为什么这是因为盒子使用完全相同的css而不是颜色和图像大小是完全一样的。所以我想不出他们为什么不和我比肩。
提前谢谢你！我知道这些事情很简单，但它们给我带来了很多麻烦！
浏览 4提问于2015-05-25得票数 1
回答已采纳
在我当前的应用程序中，我希望将一个xib文件用于屏幕的一个子部分，并在其他屏幕中重用它。我从xib加载了一个UIView，并将它添加到另一个UIView中，后者将作为它的VC。该视图将用作UI的片段，并在多个地方使用。
然而，我发现这是一种权宜之计，它打破了MVC，为什么一个视图处理控制器应该处理的事情，而且即使所有的事情都由一个VC处理，VC开始看起来像一个上帝对象。
然后我发现在iOS5中有一个用于UI部分的子视图控制器的概念。有人用过吗？它类似于Android中的片段概念吗？
浏览 10提问于2012-12-02得票数 2
回答已采纳
2回答
我被这件事吓呆了。
我在屏幕上有一个大按钮，当我按下它时，我希望它收缩并移动到屏幕的左下角(完成后，隐藏自己并取消隐藏一个相同的按钮，以不同的功能结束位置)。
我有一个与UIView animateWithDuration:animations:completion:联系时扩展和收缩的标签，它使用同样的方法工作得很好，所以我不明白为什么这不能工作：
[UIView animateWithDuration:2.0
animations:^{
self.bigButton.frame = self.littleButto
浏览 6提问于2013-06-28得票数 1
回答已采纳
1回答
我有一个白色的盒子，需要垂直地灵活：
花哨的圆角和落地阴影是必不可少的：
盒子的内容必须到达周围白色的边缘：
问题是，我有非常严格的限制。
，，我不得不用图片，而不是css3。(客户请求，我知道.)盒子的背景可以改变颜色，所以理想情况下，我们在这些图像中使用透明度。盒子的背景将保持white.Browser的支持是合理的，所以负边距，z-索引技巧是公平的，我想远离黑客，.htc脚本和JavaScript影响。
你可以告诉我，如果我在这些限制上搞砸了，我不介意。不过，我想告诉我为什么。)
浏览 2提问于2012-03-16得票数 1
我有两个部分的问题，如果你看下面的图表，你会发现我有一个盒子，里面有9个盒子。外面的盒子应该是80% (虽然理论上是任何东西)，但是里面的盒子必须始终是均匀的，并且总是3x3。虽然这可以用挠性盒来实现，但是第二部分使我的任务更加复杂。然后，我想在每4个框的中点添加4个其他元素(右上、左上角、右下角、左下角)，这些元素位于较高的z-索引上。通过固定定位，我可以做到这一点，但这是行不通的，因为外部框百分比未知，因为变化的屏幕大小。
如果答案仅仅是CSS或基于Javascript的，或者是组合，甚至是flex框，我就不介意了！
第一部分
第二部分
浏览 4提问于2017-04-05得票数 1
回答已采纳
2回答
有没有人可以看一下我的新网站的一个正在进行中的测试页面的链接
我是CSS的新手，我遇到了一些问题，如果没有专家的帮助，我无法解决这些问题。谁能回答我三个问题，以及如何修改它的可能的解释？
1)为什么我的中间列在默认情况下会将自己拆分成多个部分，而我的右侧列几乎相同，但没有这些部分？我该怎么做才能让它在右边的列中缺省呢？
2)我希望在右手边的栏中有一个盒子，与中间栏中标题为'news‘的第一个盒子平行，然后在这个盒子下面平行运行第二个盒子(盒子标题为'blog’，但它将有一个不规则的长度。做这件事最好的方法是什么？这是使用标准定位命令将它们移动到适当位置的情况，还是有更好的方法？
浏览 4提问于2012-04-02得票数 0
回答已采纳
我对编程很陌生，我一直在使用"HTML5 for iOS and Android“()一书来教我创建HTML/JavaScript网页的基础知识，然后将其放入随书提供的包装中，使页面功能成为Android。
我遇到的问题是，我试图将一段文字与屏幕的水平中心对齐，纯粹使用JavaScript。当我用Chrome或IE在桌面PC上查看时，我编写的代码功能是正确的，但是一旦放在包装器中并作为应用程序或在我的手机上查看的独立网页查看，它就不能正常工作。下面是我为此创建的一小部分代码：
<script>
instruction_text_element = document.
浏览 3提问于2013-09-19得票数 0
回答已采纳
我遇到了一个关于flexbox的问题。
我有一个最大宽度为920px的div。我希望内容框填满div从左到右到最大可能的宽度，所有内容都有相等的边距。当屏幕尺寸减小到每行一个框时，我希望该框在屏幕上居中。
下面是实际运行的站点：
如果我使用：
justify-content: center;
然后这些盒子就不会填满最大宽度。
如果我使用：
justify-content: space-between;
然后，当我下降到每行一个盒子时，盒子不会居中。
我怎样才能在这两者之间达到一个满意的平衡呢？即填满容器的最大宽度，并保持所有内容居中？
浏览 2提问于2014-03-06得票数 50
1回答
可能的重复: 如何在窗口上增加调整大小的保证金？ 为什么窗口边框在Ambiance中很难点击？
在这台电脑上，似乎很难把鼠标放在窗口的角落，这样我就可以调整它的大小了。我的另一个盒子似乎不那么敏感了。有办法改变这种环境吗？
浏览 0提问于2011-02-10得票数 2
回答已采纳
1回答
我不知道这是否是从SWIFT1.2开始的一个问题。我对斯威夫特和SpriteKit都是新手。我正在看一个在线教程，那里的人可以在屏幕的左下角放一个绿色的盒子，方法如下：
let greenBox = SKSpriteNode(color: UIColor.greenColor(), size: CGSize(width: 200, height: 200))
let somePoint = CGPointMake(0, 0)
greenBox.position = somePoint
self.addChild(greenBox)
然而，当我尝试同样的事情，它甚至没有出现在屏幕上！后来，我发现
浏览 0提问于2015-07-09得票数 0
回答已采纳
3回答
我有这个简单但令人沮丧的CSS问题。我正试着用div/boxes来填充一页。问题是，这些盒子的宽度一直是一样的，所以盒子不会被均匀地填满。让我来示范一下：
。
CSS：
.box {
float: left;
width: 200px;
height: 200px;
margin: 0px 10px 10px 0px;
background-color: #000000;
}
HTML：
<div id="boxes">
<div class="box"></div>
&
浏览 4提问于2013-12-13得票数 1
回答已采纳
我的应用程序有一个基本的登录屏幕，一个外部框和一些文本字段和按钮。我设置了盒子来填充屏幕。然而，在某些设备上，这个盒子会太大。如何将最大宽度和高度设置为视图？
浏览 16提问于2016-07-11得票数 25
回答已采纳
1回答
我目前正在尝试让我的简单游戏规模与分辨率。我已经注意到，当我改变分辨率时，并不是所有的东西都能正常工作。例如，从1280x720到1920x1080的转换，跳跃距离略有变化。我注意到的主要问题是，当我发射一个速度很快的弹丸时。在较低的分辨率下，它在屏幕上的移动速度似乎要快得多，我不明白为什么，因为它应该随着窗口的大小而缩小。以下是发射投射弹的代码片段：
m = new Box(l.pos.x+Width/32*direction2, l.pos.y-Height/288, Width/64, Height/72, true, 4);
m.body.setGravit
浏览 2提问于2020-03-11得票数 1
我试图把一个图像放在一个盒子的中心(带有边框的容器)。图像大小是通过用一个大小的盒子包围它来设置的，边框或框是通过用这样的盒子装饰的容器来创建的：
InkWell(
child: Container(
decoration: BoxDecoration(border: Border.all()),
height: 50,
width: 70,
child: SizedBox(
浏览 0提问于2019-07-20得票数 4
回答已采纳
1回答
我对目前的问题感到不知所措。我想用HTML/CSS定位三个盒子，两个在左边，一个在右边。为了标记盒子的面积，我选择了三个不同的背景:红色、绿色和蓝色。一切正常，但蓝色背景没有显示。我想我一定犯了一个非常愚蠢的错误，但我找不到。
下面是HTML：
.boxupperleft {
float: left;
width: 50%;
height: 100px;
background: red;
}
.boxright {
float: right;
width: 50%;
height: 200px;
background: green;
}
.boxlowe
浏览 1提问于2019-02-09得票数 1
回答已采纳
1回答
响应画布导致模糊缩放
、、、
我正在创建一个画布，我想确保它可以轻松地在任何平台(桌面、移动等)上导航。我决定使用一个响应性的画布来完成这个任务。之前，我的画布在800x800，它看起来很好(除了没有反应)。画布包括线条和图像文件。我也在用靴带。
我拿出了宽度/高度的定义，并开始测试它在响应时的外观。它确实有反应。然而，一切看起来都是放大和模糊的，包括图像和线条。即使我把屏幕缩小了。画布的一部分也在屏幕上。
我知道有反应意味着它会变大。但是为什么当屏幕甚至远低于800x800时，它看起来很模糊，我该如何纠正呢？
索引文件的相关部分：
...HTML above...
<div class="row"&
浏览 0提问于2021-01-21得票数 0
回答已采纳
我有这个文字区和彩色框，看上去可以在全宽屏幕上。但当我缩小宽度时，文字就从底部的盒子里掉了出来。(您可以通过最小化jsfiddle屏幕来复制此功能)
我如何使盒子的动态高度，使它缩放？
这一切都是很新鲜的，所以如果这是个新手问题的话，我很抱歉。
<label for="battery-output"></label>
<output id="battery-output" for="battery-size battery-usable" name="output">70% of (
浏览 5提问于2020-05-23得票数 2
回答已采纳
3回答
我在W3学校读到了关于盒子大小属性的文章，并试图用来改变div的盒子大小属性。
当我点击“试试看”按钮时，它将按预期的方式工作，在300 as宽的容器内安装两个宽150 as的盒子。但当我将集装箱的箱体尺寸属性改为边框时，这两个箱子并不适合集装箱内部。
为什么这是触觉，即使盒子的宽度增加到300 to，也就是容器的宽度？
浏览 10提问于2014-07-15得票数 2
回答已采纳
我在垂直的UILabel里面有一个UITableView和一个UIStackView。我希望这个堆栈视图始终保持居中，即使元素被添加到表视图中。
现在，我向堆栈视图添加了一个Horizontal in Container和Vertical in Container约束。但是它仍然说堆栈视图缺少Y约束。如果我加一个，它就不再是居中的了。
知道我应该增加什么约束来使它始终以中心为中心吗？
下面是两个屏幕截图，其中一个是我想要的堆栈视图，另一个是我现在拥有的内容：
第二张图片，我添加了一个垂直空间约束，从堆栈视图到标题，这就是为什么看起来是这样的。
浏览 0提问于2017-07-02得票数 0
回答已采纳
我有一个计算可以在屏幕上显示的图像数量的函数，如果有比可以放在屏幕上的图像更多的图像，我会调整图像的大小，直到它们都可以出现。
然后，我想用一个垂直的盒子大小和几个水平的盒子大小来显示它们！
长方体大小的水平数量是动态的，它可以是一个或多个，具体取决于图像的数量。
如何定义几个框大小并将它们添加到垂直框大小？
浏览 1提问于2010-07-03得票数 1
回答已采纳
1回答
<mx:HBox left="186" textAlign="center" verticalAlign="middle" backgroundColor="#FF0000" top="155" height="44" width="100%" styleName="biletBar">
<s:Image buttonMode="true" id="prev" source="@Embe
浏览 3提问于2013-06-01得票数 0
3回答
我有几个盒子与文字块，包括标志图像。标志图像来自后端。我的客户需要将这些图像包装在固定的宽度和高度。所以盒子看起来很统一，而且一致性也很好。
问题
图像大小是不同的。有些徽标的宽度更高，像那样的高度更小。所以我不能把徽标包装在固定的高度和宽度的盒子里。看起来很乱。
我的解决方案
我给出了最大宽度和最大高度的标志形象。然后，它自动调整和显示，不损害纵横比。但大多数情况下，在左边和右边显示空格。我觉得这很正常。
或者我需要使用photoshop，使标志到我的固定高度，宽度和上传？或任何其他解决方案，以实现这种情况？
我的代码
.img-wrap-quotes{
text-al
浏览 5提问于2017-11-21得票数 1
回答已采纳
我希望盒子像这样散开：
恰好是218个像素。
我试着把他们两个放在一起，但是我不能做到完美！
.box1, .box2 { margin: 0 20px }
有没有更好的方法来解决这个问题呢？
我忘了提一下，那里已经漂浮起来了。
浏览 0提问于2010-12-03得票数 0
我已经通过了一些关于大小类的教程，但我仍然不知道一件事。
iPhone 5、iPhone 6和iPhone 6 Plus的屏幕纵横比完全相同，所以我希望它们使用相同的内容布局。说同样的话，我的意思是与屏幕的宽度和高度成正比。
但!我找不到一种方法使它与所有的iPhones成比例！
只有几个真正支持比例的约束：“纵横比”、“相同宽度”+“乘数”、“相同高度”+“乘数”。
约束，例如前缘、容器中的水平中心、所有的Pin约束都以逻辑点中的绝对值操作，并且所有iPhones的屏幕在逻辑点上都有不同的大小；因此，我无法在所有iPhones上实现相同的图像。
更新
我添加了一个图像来解释我想要达到的目标：
浏览 4提问于2014-10-15得票数 2
回答已采纳
1回答
因此，我创建了三个类，主方法类、框架类和JPanel类。在JPanel类中，我想再添加三个JPanels，一个在JFrame的顶部，一个在中间，另一个在底部。JPanel和JFrame类的代码如下: JPanel：
public class ConcertPanel extends JPanel
{
public ConcertPanel()
{
JPanel ConcertPanel = new JPanel(new FlowLayout(FlowLayout.CENTER));
JPanel Panel1 = new JPanel();
Panel1.set
浏览 1提问于2016-11-28得票数 1
回答已采纳
我在下面创建了一个简单的JSFiddle。为什么我的粉红盒子(.screen)没有长到完全的高度，一直到红色和蓝色的盒子？
我曾尝试将height: 100%设置在screen div上，但这使它长大了--在.inner-container中，并将自身置于.bottom之上。
编辑我忘了告诉你把.screen放在.inner-container之外有问题。当第一次初始化页面时，.screen将有一个display:none，因为用户还没有开始屏幕共享。当用户单击按钮来共享屏幕时，我会将.subscriber设置为width: 10rem，并显示.screen。只要使用宽度，我就可以“移动”订阅
浏览 5提问于2020-04-13得票数 3
回答已采纳
我是一个交互设计师，偶尔会尝试一些前沿实验，但我绝对不是一个开发人员，所以很抱歉，这个问题的措辞和相关性都不太好。我最近一直喜欢按照中的建议重新设置盒子大小，但也将开始使用柔性盒属性。正如我所读到的，柔性盒是一个完全不同的盒子模型，我想知道它是否使重新设置盒子大小的概念不相关，还是一个坏主意？
浏览 2提问于2015-08-14得票数 1
回答已采纳
2回答
我在html中使用css柔性盒创建了3个盒子，但Chrome正在呈现不同大小的盒子。
拖动浏览器的边框使视图变小。
谢谢你的帮忙!
Codepen：
body {
font-family: Arial;
font-size: 2rem;
text-transform: uppercase;
}
.flex {
height: 200px;
display: flex;
flex-direction: row;
}
.flex>section {
flex: 1 1 auto;
display: flex;
justify-conten
浏览 6提问于2017-09-13得票数 3
回答已采纳
1回答
我想知道，如果设备是ipad，iphone笔尖怎么可能有一些uitextfield和一些标签可以自动重新显示。(我不想要第二个笔尖)如果设备是ipad，我正在尝试让iphone笔尖在屏幕中间自动调整大小，这样所有的文本域和按钮都不会放在左上角。我试着使用自动调整大小的口罩，但是它们不适用于文本字段(我不确定为什么水平自动调整大小不起作用)，如果设备是ipad，有没有办法不用做新笔尖就能做到这一点？谢谢
浏览 0提问于2010-10-14得票数 1
SliverList和SliverFixedExtentList在颤振方面有什么区别？
根据每个小部件的文档：
：“沿着主axis."：将多个方框子置于线列阵中的条条”--将多个盒子放置在线性数组中具有相同主轴范围的“。
如果所有的孩子都有相同的主轴范围，那么我们应该在SliverFixedExtentList之上使用SliverList。然而，“相同主轴范围”的真正含义是什么？
浏览 8提问于2022-03-26得票数 3
回答已采纳
我弄糊涂了，我试着设置一个盒子的最小宽度，对于所有的设备，我希望它的最小宽度是屏幕宽度的20%。我如何才能做到这一点？
我从一台平板电脑和我的XHDPI Galaxy S3上得到了两个屏幕的dpWidth。S3的dpWidth为300，平板电脑为800。在这种情况下，我可以通过计算dpWidth的20%并将其设置为我的盒子dp值来编程实现这一点。
我猜我不能使用重量，因为它只是为了宽度。那么如何在XML中做到这一点呢？
还有一个后续问题，dp到底有什么用处？如果一个设备可以有300个，而另一个设备可以有800个，那么dp的效果就会发生巨大的变化！我不明白为什么没有更多有用的单元来工作，也就是说
浏览 6提问于2013-03-05得票数 0
回答已采纳
我在我正在创建的自定义控件上有两个面板。一个停靠在控件的左边，另一个停靠在右侧。
目前，面板1和2将“拆开”时，重新调整控制留下一个大的洞，在中间只显示控制背景。
是否有办法使第2小组保持固定大小，并停靠在右边。
当面板1保持停靠在左边，但也可调整大小。不过，我想使面板“粘住”到第二小组，使两者之间的差距永远不会产生，因为第一小组将拉伸来填补它。
这个是可能的吗？
浏览 1提问于2014-05-09得票数 1
回答已采纳
我试图在主体中创建3个部分，但我希望这3个始终覆盖整个屏幕。
Container(
height: MediaQuery.of(context).size.height / 3,
width: double.infinity,
color: Colors.red,
),
MediaQuery以整个屏幕为参考，这就是为什么最后一个部分溢出了与appbar相同的高度。
有没有办法将body用作MediaQuery的引用？
浏览 0提问于2018-10-05得票数 5
回答已采纳
我在模拟器(5.1和6.0)和我的设备(运行I 6.0的iPad )上看到了我的iPad应用程序的怪异行为。无论应用程序从哪个方向开始，touchesBegan只在区域(0,0) -- (767,767) --在纵向模式下，屏幕底部没有响应，而右侧则没有响应。然而，touchesMoved & touchesEnded在整个显示器上工作--如果我触摸并拖动到“断开”区域，就会收到触摸发布事件。
我进一步注意到，虽然在iOS 6模拟器上，我的应用程序看起来很正确，尽管它不能正常工作，但在iOS 5.1模拟器上，呈现也有一点混乱：
整个显示应该是灰色的，在右下角有滑块的盒子。再一次
浏览 7提问于2012-12-10得票数 0
基本上，我有一个固定的边栏(固定宽度)和一个内容div (最大宽度)。
我希望content居中，侧边栏位于这个内容div的左侧。
问题是，在小屏幕上或在缩小窗口大小时，content必须收缩，而不是按侧边栏。
我尝试了很多解决方案(浮动块与假边距块，显示:内联块和空白:现在)，但没有成功。
下面是实际页面：，它适应屏幕的大小，但是窗口左边有所有的内容。
这里有一个修改过的页面：，它显示了我试图做的事情，但只在大分辨率上显示得很好。
谢谢你的帮助。
浏览 2提问于2014-05-15得票数 1
回答已采纳
1回答
在使用和固定的标题时，在Chrome中遇到了这个“错误”。
我将保持简短，我想将一个绝对定位的元素放在另一个元素的前面，但这两个元素是在单独的固定定位的容器中。代码如下：
.container {
position: absolute;
}
.fixed {
position: fixed;
left: 100px;
}
.elm {
position: absolute;
width: 50px;
height: 50px;
}
.elm-back {
z-index: 1;
top: 50px;
left:
浏览 1提问于2015-06-15得票数 3
1回答
我有一个由盒子组成的简单布局。
我在<div>标记中有<div>标记；我使用它们来‘定义’块，以便以后可以打印输入。
<div class=display-window>
<div id=pieces>
</div>
<div id=vline></div>
<div id=message>
<p>Nothing special is going on</p>
</div>
</div&g
浏览 6提问于2014-05-30得票数 0
回答已采纳
我已经创建了"file“类型的输入字段，并在框中添加了一些文本。如何使文本内部响应，使其在中央对齐所有屏幕大小？现在，文本似乎是从输入元素的中间开始。
#profile_video_container {
position: relative;
}
#profile_video_container header {
text-align: left;
color: #443f3f;
}
#profile_video_container input {
border: 0px solid #92b0b3;
background: #f1f1f1
浏览 6提问于2022-11-07得票数 0
1回答
我得到了下面的递归算法，并被要求找到它的递归关系。
int search(int A[], int key, int min, int max)
{
if (max < min) // base case
return KEY_NOT_FOUND;
else
{
int mid = midpoint(min, max);
if (A[mid] > key)
return search(A, key, min, mid-1);
else if (A[mid] <
浏览 2提问于2015-06-10得票数 0
回答已采纳
1回答
我在Edje有这样的布局：
group {
name: "mylayout";
min: 200 200;
parts {
rect { "elm.bg";
scale: 0;
desc { "default";
visible: 1;
fixed: 1 1;
color: 255 0 0 255;
min: 200 200;
}
}
text { "elm.t
浏览 2提问于2020-12-10得票数 1
回答已采纳
我遇到的问题可以在这里找到：
如果你在Chrome中查看它，你会注意到当你向右滚动时，它会立即停在最后一个绿色框的右边。然而，在FF和IE中(没有尝试过其他的)，它会正确地滚动到最后一个绿色框后面一点。
由于.lane-container的宽度是2000px，而盒子的宽度应该是1700px，所以在最后一个盒子的右边应该多出300px，但在Chrome中却没有。
你知道为什么Chrome的行为与其他浏览器不同吗，以及我如何解决这个问题？
浏览 0提问于2012-10-03得票数 2
回答已采纳
1回答
我试图在一个容器中显示一堆盒子，这样当它们达到容器的最大宽度时，它们就会填充一行，然后绕一圈。
通过在容器<div>上放置以下样式，我可以轻松地完成基本布局
border: 1px solid black;
display: flex;
flex-wrap: wrap;
max-width: calc(100vw - 500px);
这让我得到了我想要的但问题是..。假设每个内部盒的长度为300 my，而在我的屏幕上，容器的宽度为800 my。我一排要两盒。
然而，柔性箱及其边框不会停留在600 at。即使在剩下的200 in中没有任何东西，它也会持续到完整的800 in。
我试过
浏览 3提问于2022-09-16得票数 1
1回答
我正在把一系列的盒子放在一起，里面有不同长度的列表。这些盒子都是相同的宽度，但高度不同。我想让框填充在屏幕的顶部，从左到右穿过屏幕形成列，列数由屏幕的宽度决定。我遇到的问题是，当盒子环绕时，列中的垂直间隙。请使用浏览器以850-1150px的宽度查看以下页面，以便内容显示在2栏中。
使用float:left我得到了
我找到了一个使用display:inline-block; vertical-align:top;的来做这件事，它看起来更好，但仍然有一些垂直间隙。
我目前在页面上使用的完整css代码如下：
div {
display:inline-block;
vertical-alig
浏览 0提问于2013-07-04得票数 0
回答已采纳
我在尝试设计一些通用存储时遇到了一个问题。
基本上，我有以下4个对象
托盘箱包裹项目
前3个都是容器，它可以包含比它本身更低的任何东西。最初，它是强制的，以便托盘包含盒子，盒子包含包裹，包裹包含项目。但是现在我想要它，这样就可以跳过一些“中间”容器:例如，托盘包含包含项目(无纸箱) EG2的包裹，托盘包含项目(无纸箱或项目)。
目前，我为这些对象中的每个对象都有一个数据库表。但是，设计一种跟踪一切的方法正变得越来越混乱。
在Code中，我遇到了其他问题，比如打印托盘的内容，最初应该是：
class Pallet : List<Box> {}
class Box : List<
浏览 4提问于2012-03-19得票数 1
回答已采纳
3回答
我想知道是否有人能帮助我解决如何使用引导程序创建下面的布局。
大屏幕的布局是：
然后，对于小屏幕，布局应该是：
基本上，红色将有一个图像(红色框的全部高度)和框(黄色)重叠它。黄色盒子和蓝色盒子的高度是一样的。然后在手机上，所有四个盒子都会堆叠在一起。
我玩过这里的代码：
如果有人能帮助我，我们将不胜感激！
谢谢
浏览 4提问于2014-11-30得票数 0
回答已采纳
我正在使用Flexbox来创建一个响应性站点(请记住，我第一次做了这两件事)，而且一切都进行得很顺利，直到有一天我意识到，具有相同属性的弹性项的行为方式不同。
看看这个，尽管我通过自动修复程序运行CSS，但这是另一个问题，但我在Chrome中遇到了一些问题。如果您对此有问题，可以在Safari中打开它，我开始在Safari中进行测试。您必须缩小JS窗口以使左侧可见。
这是丑陋的罪恶，因为我使所有不同的颜色，以区别他们，并将所有的默认字体为这个线程的目的。无论如何，基本的问题是#headerleft、#blueleft和#footerleft应该完美地排列起来，因为它们具有相同的flex属性，如
浏览 2提问于2016-07-16得票数 2
回答已采纳
1回答
我注意到命令docker build有一个参数--shm-size bytes，它用来设置/dev/shm的大小。但是我不知道为什么docker build需要使用共享内存。 docker build命令只是跟随Dockerfile并运行一组中间容器来构建目标容器环境，并将它们作为镜像提交。在这个过程中，Dockerfile中的所有参数和命令都被解析并打包为一个结构，该结构传递给不同的组件(docker客户端、docker守护进程、containerd、runc……)。看起来docker build不需要共享内存来传递信息。 但是为什么docker build要提供这个参数--shm-siz
浏览 82提问于2020-01-09得票数 3
5回答
我在看这个漂亮的网页设计，注意到这个盒子是如何完美地集中在屏幕中央的，我已经看过了页面的源代码，但这对我来说没有多大意义。
()
我真正能看出的是他们使用的是，下面的代码在他们的样式表顶部。
*, *:before, *:after {
box-sizing: border-box;
}
总之，我想知道什么是最简单和最有效的方式来居中一个像在屏幕中心的图像上的盒子。
浏览 16提问于2016-10-06得票数 2
回答已采纳
1回答
我正在尝试使用jquery ui位置插件在浏览器的右上角屏幕上定位一个框，
$('.container').position({
my : 'right top',
at : 'right top',
of : 'body'
});
这可以正常工作，并显示在右上角。但我喜欢在盒子和右边屏幕边缘之间留出一些空间。因此，我将margin-right位置添加到容器中。很快，盒子就从右上角移到了左上角。
柱塞代码是。
为什么边距属性会影响容器的绝对坐标？
浏览 13提问于2016-08-16得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
