bootstrap4使得div居中,Bootstrap 4在div中垂直居中放置文本

66 阅读 0 评论 44 点赞

我是靠谱客的博主会撒娇雪糕，最近开发中收集的这篇文章主要介绍bootstrap4使得div居中,Bootstrap 4在div中垂直居中放置文本，觉得挺不错的，现在分享给大家，希望可以做个参考。

I have this simple HTML code (with Bootstrap) :

text to center

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute

I just want to vertically center the text "text to center" in the div, keeping the border as it is in the exemple (no height decrease).

I have tried things such my-auto or align-items-middle, also read questions asked before, but without success.

If possible I don't want to add classes (use existing bootstrap).

解决方案

You can used Flex box predefine class in Bootstrap for that:

text to center

ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

For Information you can read here.

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。