javascript - CSS垂直对齐节标记中的文本？

我发布了一个示例

.open-text {
  color: pink;
  /*border: 1px solid red;*/
  /* display: flex !important; */
  /* align-items: center !important; */
  background: #1e3a87;
  font-family: 'Open Sans Condensed', sans-serif;
  /*justify-content: center;*/
}

<section>
  <h1 class="open-text">
    <br/>
    Lorem Ipsum: usage. Lorem ipsum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English to emphasise design elements over content. It's also called placeholder (or filler) text.your life.
  </h1>
</section>

如何将文本放在中心并使其成为居中的列，其宽度不会占据整个页面？

最佳答案

您尝试使用display: flex起作用，只需删除<br/>（并且我还添加了height，这样您就可以看到此居中）：

  .open-text {
        color: pink;
        display: flex;
        align-items: center;
        background: #1e3a87;
        font-family: 'Open Sans Condensed', sans-serif;
        height:200px;
    }

  <section>
    	<h1 class="open-text">
    Lorem Ipsum: usage. Lorem ipsum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English to emphasise design elements over content. It's also called placeholder (or filler) text.your life.
    	</h1>
    </section>

  

关于javascript - CSS垂直对齐节标记中的文本？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53026779/