我必须列出数据列表,一个ID为dates
,另一个ID为nums
.
Date和Num中的字母数不相等,如何才能将Nums中的每个div都准确地放在Date下呢?
#dates div{
display: inline-block;
margin-left: 20px;
}
#nums div{
display: inline-block;
margin: 30px;
position: relative;
top:-20px;
}
<body>
<div id="dates">
<div>Aug 5</div>
<div>Aug 6</div>
<div>Aug 7</div>
<div>September 12</div>
</div>
<div id="nums">
<div>9</div>
<div>7</div>
<div>5</div>
<div>3</div>
</div>
</body>
例如,这里的3
应该向右转,因为它应该是9月的exactly down of the middle.
我不需要像边距和左右这样的像素.因为数字可能会改变,但它必须仍然在日期的中段.
谢谢