关于使用chrome

Question

HERE <
           not here<

如果上面的插图是html或者条形图，我需要在左上角放置文字，用HERE＆lt; ...表示（而不仅仅是左侧...表示 与......不在这里＆lt; ），然后css语句完成了什么。？

Answer 1

您可以使用 flex 来实现此目的。例如：

.container{
width: 100px;
height: 50px;
background-color: blue;
display: flex;
align-items: flex-start;
justify-content:flex-start;
}

.container span {
background-color: green;
}

<div class="container">
  <span>my text here</span>
</div>

其他方案，

•上中心：    align-items：flex-start;    证明含量：中心;

•右上：    align-items：flex-start;    justify-content：flex-end;

•左中：    align-items：center;    justify-content：flex-start;

•中间中心：    align-items：center;    证明含量：中心;

•中右：    align-items：center;    justify-content：flex-end;

•左下：    align-items：flex-end;    justify-content：flex-start;

•下中心：    align-items：flex-end;    辩解内容：中心;

•右下：    align-items：flex-end;    justify-content：flex-end;