Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导垂直中心航向div响应_Html_Css_Bootstrap 4_Centering - Fatal编程技术网

Html 引导垂直中心航向div响应

Html 引导垂直中心航向div响应,html,css,bootstrap-4,centering,Html,Css,Bootstrap 4,Centering,我试图在div中垂直居中h5,但我希望这样做,所以那些将父对象的高度设置为一定数量的像素的解决方案不适合我 id为channelName的h5是我试图在父div中垂直居中的内容 <div class="col-10 text-left channelTab"><h5 id="channelName">Name</h5></div> 标题 名称 将该类添加到h5 d-flex的父级,对齐项目中心并删除h5的底部边距 此类d-flex将显示h5 fl

我试图在div中垂直居中h5,但我希望这样做,所以那些将父对象的高度设置为一定数量的像素的解决方案不适合我

id为channelName的h5是我试图在父div中垂直居中的内容

<div class="col-10 text-left channelTab"><h5 id="channelName">Name</h5></div>
标题 名称
将该类添加到h5 d-flex的父级,对齐项目中心并删除h5的底部边距

此类d-flex将显示h5 flex的父级,对齐项目中心将垂直居中

灰盒{ 背景颜色:灰色; } 头衔{ 颜色:白色; } .标志{ 最大高度:50px; 最大宽度:50px; 边界半径:50%; 边框:3倍纯白; } 频道名称{ 保证金:0; } 香奈罗{ 背景色:红色; } 标题 名称
它起作用了。只是另外一个问题:空白背后的逻辑是什么:0?我可以看到,如果没有这个,标题不会完全在中间,但我不明白为什么。这是因为HTML/Bootstrap中的所有标题都有默认边距还是什么?@merkur0 Bootstrap中的所有标题都有底部边距,我只是将其删除以正确地垂直对齐