Bootstrap 4 如何在列中垂直居中放置文本(引导4)?
如何在列中垂直居中放置文本(引导4)?结构是基本的,请参见:Bootstrap 4 如何在列中垂直居中放置文本(引导4)?,bootstrap-4,twitter-bootstrap-4,Bootstrap 4,Twitter Bootstrap 4,如何在列中垂直居中放置文本(引导4)?结构是基本的,请参见: <div class="row"> <div class="col-md-6"> <span>Text to center</span> </div </div> 文本居中 您可以将该类添加到父级以实现此目的。此类设置y轴上的自动边距,有关详细信息,请参见上面的链接 它看起来是这样的: 文本居中 你好 你好 你好 使用自动页边距(
<div class="row">
<div class="col-md-6">
<span>Text to center</span>
</div
</div>
文本居中
您可以将该类添加到父级
以实现此目的。此类设置y轴上的自动边距,有关详细信息,请参见上面的链接
它看起来是这样的:
文本居中
你好
你好
你好
使用自动页边距(my auto
),或使用flexbox实用程序
<div class="container">
<div class="row">
<div class="col-md-6 align-self-center">
<span>Text to center</span>
</div>
<div class="col-md-6">
<p>
..
</p>
</div>
</div>
</div>
文本居中
..
另外,在我的另一个答案中也有解释。记住,在引导程序4中不再有-xs
。