如何将 span 内容居中放置在一个 div 中,并添加一个动态的 div 高度取决于出现的行数?
CSS:
div {
position: relative;
height: auto;
width: 100%;
margin: 0px auto;
}
span {
position: absolute;
width: 10px;
height: 10px;
background-color: #003858;
}
这是html内容:
<div>
<span style="left: 12px; top: 0px;"> </span>
<span style="left: 24px; top: 0px;"> </span>
<span style="left: 36px; top: 0px;"> </span>
<span style="left: 48px; top: 0px;"> </span>
<span style="left: 60px; top: 0px;"> </span>
<span style="left: 12px; top: 15px;"> </span>
<span style="left: 24px; top: 15px;"> </span>
<span style="left: 36px; top: 15px;"> </span>
<span style="left: 48px; top: 15px;"> </span>
<span style="left: 60px; top: 15px;"> </span>
<span style="left: 12px; top: 30px;"> </span>
<span style="left: 24px; top: 30px;"> </span>
<span style="left: 36px; top: 30px;"> </span>
<span style="left: 48px; top: 30px;"> </span>
<span style="left: 60px; top: 30px;"> </span>
</div>
最佳答案
关于html - 在相对 div 中居中绝对内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29473561/