gpt4 book ai didi

html - 居中基于百分比的div

转载 作者:太空宇宙 更新时间:2023-11-04 04:54:04 24 4
gpt4 key购买 nike

我看过这个问题: Centering a percent-based div

但是我的尝试没有结果。我不太明白那个问题的答案是如何有意义的,或者如何用 100% 的宽度来做。基本上我有一个动态呈现的页面,它有两个 div - 都设置为 100% 宽度和 100% 高度,以便捕获整个输出。因此,如果两个 div 的长度不同,我想将 div 居中到主体:

<body>
<div id="first">Longer Name</div>
<div id="second">Name</div>
</body>

当前输出:

OUTPUT LONGER
OUTPUT SHORT

期望的输出:

OUTPUT LONGER
OUTPUT SHORT

div CSS:

height: 100%;
position: relative;
width: 100%;

主体 CSS:

margin: 0;
padding: 0;

由于输出的动态特性,需要基于百分比的 div。

编辑

我应该明确表示输出是大量表格。我举的例子是为了展示我希望它如何居中。输出不是文本。基本上一个表格的宽度可能是 120 像素,我需要将它居中放置在正文中(这将是较长的 div 的宽度,可能是 1500 像素)。

最佳答案

#first, #second { text-align: center; }

关于html - 居中基于百分比的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12827295/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com