如何在HTML FlexBox中将文本与换行符对齐

Question

我在使用HTML的网站上工作，并希望使用FlexBox垂直对齐标签的内容。 只要内容没有内部就可以正常工作。 但是当我得到像

这样的内容时

＆＃13;

＆＃13;

Right<br/>Bottom<br/>24

＆＃13;

＆＃13;

＆＃13;

内容被处理为右对齐的块，但内容的各个部分根本没有对齐。 我得到了每个例子：

Right
Bottom
24

而不是

Right
Bottom
    24

这是我用于标签的风格：

＆＃13;

＆＃13;

display: flex; justify-content: flex-end; align-items: flex-end;

＆＃13;

＆＃13;

＆＃13;

我忘记了风格吗？

Answer 1

你应该将你的内容放在HTML元素中，因为如果你想在文本中使用css 列而不是flexbox，那么flexbox不仅仅适用于文本。