为什么内容高度的 div 在高度超过宽度(第 4、第 7 和第 8)的情况下不是方形的?
div {
aspect-ratio: 1;
outline: 1px solid red;
margin: 0 1em 1em 0;
float: left;
line-height: 1;
}
img {
display: block;
}
<div>12345678</div>
<div style="width: 8ch">w</div>
<div style="height: 8ch">h</div>
<div>1<br>2<br>3<br>4</div>
<div><img src="//placehold.co/64"></div>
<div><img src="//placehold.co/64x32"></div>
<div><img src="//placehold.co/32x64"></div>
<div><img src="//placehold.co/32x64" height="64"></div>