当前位置: 首页 > 知识库问答 >
问题:

引导响应网格上的DIV居中

常业
2023-03-14

我正在使用如下所示的引导网格,我正在尝试集中一些div。(图片)。我已经尝试了所有{边距:0自动;宽度:50%}等,但我无法解决。集中一些div不会那么难。这里有什么问题?请不要将其标记为重复。我已经研究了一整天,我就是无法解决。谢谢

<header data-spy="affix" id="myHeader" class="container row">
            <div class="col-sm-4 ">
                <div class="centralize">
                        <a href="http://www.facebook.com" target="_blank">
                        <img class="logos" src="images/facebook.png" onmouseover="zoomin(this.id)" onmouseout="zoomout(this.id)">
                        </a>    

                        <a href="http://www.twitter.com" target="_blank">
                        <img class="logos" src="images/twitter.png" onmouseover="zoomin(this.id)" onmouseout="zoomout(this.id)">
                        </a>    

                        <a href="http://www.instagram.com" target="_blank">
                        <img class="logos" src="images/instagram.png" onmouseover="zoomin(this.id)" onmouseout="zoomout(this.id)">
                        </a>

                </div>
            </div>  
            <div class="col-sm-4">
                <div class="centralize">
                        //Other Stuff to be centralized 
                </div>
            </div>                  
            <div class="col-sm-4">
                <div class="centralize">
                        //Other Stuff to be centralized 
                </div>
            </div>          
    </header>

共有2个答案

万涵亮
2023-03-14

要在div中居中对齐内容,请使用:

.centralize {
    text-align: center;
}
董子平
2023-03-14

实际上{边距:0自动;宽度:50%}应该可以工作。

但在您的代码中,我看到您正在使用。父div上的col-sm-4类只占用宽度的1/3。它可能与一起工作。而col-sm-12需要100%

 类似资料:
  • 问题内容: 我需要使用引导程序通过将div定位在页面中心来创建响应页面,如下面提到的布局。 问题答案: Bootstrap 4的更新 使用flex-box简化垂直网格对齐 Bootstrap 3的解决方案 这是一个以所有屏幕尺寸为中心的水平和垂直div的简单示例。

  • 我如何让图像垂直居中Div/Row.我已经搜索过了,但所有的解决方案似乎都指向这是一个好的解决方案——但它对我不起作用。我正在使用Bootstrap 3... https://www.bootply.com/vQFalT6KxG

  • 我有一个引导行,其中包含数量可变的div,它们需要相对于父行居中。到目前为止,html设置如下: 我用javascript克隆并附加到内部。项目容器的数量可变。项目。它很好用,如果有问题的话。项目超过3个,由于网格配置,它们可以正确地包装到其他行上。我无法实现的是将这组div集中在其父对象中。 将“.text center”指定给父级不起作用 父对象上的文本对齐和子对象上的内联块不起作用 使父级灵

  • 我在img标记中使用.img响应类。图像非常小(42K),但当加载页面时,图像显示几秒钟相当大,直到缩小到适合容纳它的元素的大小为止。 我应该如何使用bootstrap处理响应性元素?

  • 问题内容: 我正在尝试使用CSS Grid创建一个简单的页面。 我无法做的是将HTML文本集中到相应的网格单元格。 我尝试将内容放置在和选择器内部和外部的单独s中,并使用某些CSS属性无效。 我该怎么做呢? 问题答案: 这个答案有两个主要部分: 了解对齐方式在CSS Grid中的工作方式。 在CSS Grid中居中的六种方法。 如果您仅对解决方案感兴趣,请跳过第一部分。 网格布局的结构和范围 要完

  • 我想创建一个居中的引导导航栏与标志。我是这样看的: 我怎样才能做到这一点呢?