Question

我有一个带有position: absolute;的父div，这意味着我的孩子div引导程序class="container"不会漂浮在页面的中心，而只是它位于左侧。我希望容器类能够按原样运行，在这种情况下，我的内容就是中心。

<section id="portfolio">
    <div class="container">
        Content
    </div>
</section>

/*display content below the fold*/
#portfolio{
    position: absolute;
    top:120%;
}

Answer 1

这是你所期望的吗？

＆＃13;

def getOCdata(ed = '25FEB2016', start = 540*60, stop = 960*60, waitFlag = True, nosleep = True):
    ptime = datetime.now()
    while True:
        if (ptime.hour*60*60 + ptime.minute*60 + ptime.second) > stop:
            break
        else:
            try:
                ptime = datetime.now()
                scrapedata = pd.DataFrame(scrapefn(ed))
                scrapedata = scrapedata.ix[:, 1:21]
                scrapedata['timestamp'] = ptime
                scrapedata.to_csv(datafile, index=False, mode='a', header=False)
                if nosleep == False:
                    end = datetime.now()
                    tdiff = end-ptime
                    time.sleep(1 - (tdiff.seconds + tdiff.microseconds*1.0/10**6))
            except:
                continue
    return 0

＆＃13;

#portfolio {
  width: 100%;
  position: absolute;
  text-align: center;
}

＆＃13;

Answer 2

将width:100%添加到您的#portfolio CSS选择器：

/*display content below the fold*/
#portfolio{
    width: 100%;
    position: absolute;
    top:120%;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>

<section id="portfolio">
    <div class="container">
        Content
    </div>
</section>

上面的代码片段会将容器置于#portfolio中心，而不会使文本居中。默认情况下，Bootstrap 3容器是固定宽度的，并使用margin-left: auto;和margin-right: auto在其父容器中居中。如果您还希望将文本置于容器中心，则可以添加text-align: center

当绝对的孩子时，bootstrap容器不居中

2 个答案: