相关疑难解决方法(0)

有没有办法在主要父母的内部垂直或水平居中html元素？

我正在使用引导程序框架并尝试将图像水平居中而不成功.

我已经尝试了各种技术,例如将12个网格系统分成3个相等的块,例如

<div class="container">
    <div class="row">
      <div class="span4"></div>
      <div class="span4"><img src="logo.png" /></div>
      <div class="span4"></div>
    </div>
</div>

使图像相对于页面居中的最简单方法是什么？

自从转移到Bootstrap 3以来,我一直在努力将一些图像集中在一起.以前,我会在整个col元素上使用以分页为中心的类,但现在不起作用.

另外,我已经尝试创建类img-center来使用margin:0 auto(根据这里的答案),但这也不起作用,我不确定为什么.如果有人可以指出我正确的方向,那将是伟大的.

<div class="container">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="row">
                <div class="col-md-4">
                    <img class="img-center" src="images/chart_bw.png">
                    <h3 class="text-center">Charts & data</h3>
                    <p class="text-center">Polish your analytical skills by picking apart Marimekko, bar charts, regressions & more</p>
                </div><!-- col-md-4 -->

                <div class="col-md-4 pagination-centered">
                    <img class="img-center" src="images/calculate_bw.png">
                    <h3 class="text-center">Mental math</h3>
                    <p class="text-center">Nail your mental math by practicing on unlimited case style math problems</p>
                </div><!-- col-md-4 -->

                <div class="col-md-4 pagination-centered">
                    <img class="img-center" src="images/lightbulb_bw.png">
                    <h3 class="text-center">Case problems</h3>
                    <p class="text-center">Structure problems and compare …