html – 如何垂直居中HR元素

概述如何垂直居中hr元素？ 我试图将元素放在一些div元素中…… <div class="table"> <div class="table-cell"><hr /></div></div><div class="table"> <div class="table-cell">Some text Here!</div></div><div class="table"> 如何垂直居中hr元素？

我试图将元素放在一些div元素中……

<div >    <div ><hr /></div></div><div >    <div >Some text Here!</div></div><div >    <div ><hr /></div></div>

我遗漏了我正在使用bootstrap并使用col-size-number格式将这三个div元素与同一行中的表类一起使用.

所以我正在寻找内联HR元素Some Text inline HR元素

————–一些文章————–

再次感谢CSS大师大师！

解决方法 < hr />标签应垂直对齐,就像在< div>中正确使用的任何其他元素一样运用

display:table-cell;vertical-align:mIDdle;

在你的CSS中.

.table {   display:table;   wIDth:100%; height:100%;   position:absolute;}.table-cell {   display: table-cell;   text-align: center;   vertical-align: mIDdle;   wIDth:auto;   height:auto;}

DEMO

总结

以上是内存溢出为你收集整理的html – 如何垂直居中HR元素全部内容，希望文章能够帮你解决html – 如何垂直居中HR元素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。