我有一个位于弹性盒子 a
内部的 div
,其中包含一个 span
(.time-pretext
),就像这样:
<a class="option-container option-edit-time" href="#">
<div class="option-icon"><canvas id="time-canvas" width="128" height="128"></canvas></div>
<div class="option-text"><span class="time-pretext">I have</span>60 minutes</div>
</a>
.option-text
这里设置了flex-direction: column
,当我给它该属性时,span
元素只能采用块级别的显示选项(block
或者-webkit-box
),而不能使用行内级别的选项(inline-block
)。为什么呢?
顺便提一下,在原始的弹性盒子实现中(display: -webkit-box
),这个问题没有出现。只有在最新的实现中(display: flex
)才会出现。