Bootstrap 4类 my-auto 不垂直居中

作者: AsuRa
发布时间: 2024-03-13 07:21:49 (1月前)
转自：

3 条回复

0#
回复此人
biu~ | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我添加这样的级别（示例）： </p> <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”> <div class =“snippet-code”> <pre class="snippet-code-css lang-css prettyprint-override"> <code> .block { border: 1px solid blueviolet; height: 150px; display: table; } .int-box { display: table-cell; vertical-align: middle; } </code> </pre> <pre class="snippet-code-html lang-html prettyprint-override"> <code> <div class="block mb-5"> <div class="int-box"> <h2>MACHINE TO MACHINE</h2> </div></div> </code> </pre> </DIV> </DIV> <P> </p> </DIV>

编辑
1#
回复此人
谦成 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 加 <code> flex </code> 至 <EM> 块 </EM> </p> <pre> <code> .block { border: 1px solid blueviolet; height: 150px; display: flex; align-items: center; justify-content: center; } </code> </pre> </DIV>

编辑

登录后才能参与评论