8

我正在设计一个<input type="text">元素。我想让它拥有display:inline;。我通过在最后调用的 css 文件的最后一行中定位这个元素来做到这一点。由于某种原因，该元素不会接管该display:inline;属性（请参见下面的 Firebug 图像）。

怎么可能？

萤火虫图片

4

2 回答 2

9

因为您的input元素是向左浮动的，所以根据 CSS 规范将 display 的计算值设置为 block。

参考：http ://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo

评论

我不希望使用!important声明会覆盖计算值。

于 2013-06-27T12:49:06.450 回答
1

我有这个结构：

<div class="parent">
  <input type="checkbox"/>
  <label>Some awesome label</label>
</div>

div.parent被设置为display: flex并且它导致input和label继承display: block。我花了一段时间才找到原因，但改变了父 div 来display: block解决这种情况。

于 2021-09-28T21:43:10.507 回答