• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

如何垂直居中在使用引导布局

html 21次浏览

对齐一个div我有下面的代码片段:如何垂直居中在使用引导布局

我使用的是引导的网格系统。我希望能够使用id="content"(基本上我希望整个内容水平和垂直居中,即使在页面调整大小时)垂直居中div的内容。这是一个以图像为背景的醒目页面。我怎样才能使用CSS? vertical-align: middle不起作用。

而仅仅为了我的学习,text-align: center基本上居中任何元素,即使名称似乎表明它是文本?


===========解决方案如下:

.container .row div 
{ 
    display: table; 
    margin: 0 auto; 
} 

#content 
{ 
    height: 100%; 
    display: table-cell; 
    vertical-align: middle;  
} 

版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)