Question

这可能是一个非常愚蠢的问题，但是我正在尝试做一些事情，也许我缺少CSS方面的一些理论知识。我正在尝试使用弹性盒系统只是为了显示一些项目。我不知道是否可以将flex-box与内联级别的元素一起使用，还是仅将其与块级别的元素一起使用...

到目前为止，无论哪种方式，

<i className="iconBottom">Icon1</i><i className="iconBottom">Icon2</i>
<span className="commentsIndicator"> Comments </span>

我希望它们位于同一行，左侧的前两个图标和右侧的注释。所以这就是我所做的：

.bottomPost{
  display: flex;
  border: 1px #ccc solid;
  flex-wrap: wrap;


  .iconBottom{
    flex: 0 0 10%;
    justify-content: flex-start;
    border: 1px #ccc solid;
  }

  .commentsIndicator{
    flex: 0 0 10%;
    justify-content: flex-end;
    border: 1px #ccc solid;
  }

}

flex属性可以正常工作，但是证明内容，无论我放在里面什么都不会改变。

我想将.iconBottom类放置在左侧，将.commentsIndicator放置在右侧。我在做什么错了？

调整内容无法使用弹性框

0 个答案: