Html 将文本垂直对齐到我的列div的中间

Html 将文本垂直对齐到我的列div的中间,html,css,vertical-alignment,Html,Css,Vertical Alignment,我想将行中的文本垂直对齐到中间。你会看到我的页面上有一个lg专栏。块引号中的文本默认为顶部或上部垂直对齐。像下面这样添加一个样式属性似乎并不能解决问题。我需要使用CSS并链接到它吗 <div class='nav-wrapper container'> <div class='row'> <div class="col-lg-12" style="vertical-align:bottom">

我想将行中的文本垂直对齐到中间。你会看到我的页面上有一个lg专栏。块引号中的文本默认为顶部或上部垂直对齐。像下面这样添加一个样式属性似乎并不能解决问题。我需要使用CSS并链接到它吗

<div class='nav-wrapper container'>
        <div class='row'>
            <div class="col-lg-12" style="vertical-align:bottom">
                <center>
                    <blockquote cite="https://www.brainyquote.com/quotes/quotes/h/hippocrate133222.html">
                        <i>Healing is a matter of time, but it is sometimes a matter of opportunity.</i>
                    </blockquote>
                </center>
            </div>
        </div>

救救你自己!如果您是HTML新手,请不要使用引导!你仍然可以毫发无损地离开…+该标记不受支持,已弃用。首先,它总是水平的。有大约6种方法可以将某个东西放在中心位置,它们都有自己最好的用例。不能在“块”级别的元素上使用“垂直对齐”之类的内联块类型规则

这里有两种方法。我打赌你只需要换一种方式来考虑填充

.填充样式{ 边框:1px纯蓝色; 文本对齐:居中; 填充:40px 0;/*左上/左下/右*/ } .flexbox样式{ 边框:1px纯红; 显示器:flex; 证明内容:中心; 对齐项目:居中; 最小高度:140px;/*任意高度*/ } h1{ 显示:内联块; 边框:1px纯绿色; } 中心事物 中心事物
尝试文本对齐:中心您使用的是什么版本的引导?如果是v4,您可以利用flexbox属性。我是否需要将flexbox放在列div中?谢谢您的回答。我能用你给我的东西工作。你不喜欢bootstrap的什么?你会推荐什么呢?我推荐学习CSS。Bootstrap是CSS规则的集合,其思想已经过时。你会发现自己在说“如何在引导中执行x”-这时你知道你应该学习CSS。