是否可以将div底部中心与宽度对齐?

时间:2009-08-03 07:38:28

标签: css

是否可以将div中心对齐(即)总是需要在底部中心使用指定宽度的固定位置的div。我知道要左或右吗?有什么办法吗?

3 个答案:

答案 0 :(得分:14)

我认为这可能会对你有所帮助

的CSS:

 #parent{
    position:fixed;
    bottom:0px;
    width:100%;   //width should be 100%
 } 
 #child{
    width:100px; //min width should give to center the div.
    margin:0px auto; //here it will make center 
 }    

HTML

<div id='parent'>
    <div id='child'>
      centered div
    </div>
</div>

答案 1 :(得分:1)

.myDiv
{
   position: fixed;
   bottom: 0px;
   width: 200px;
   margin-left: auto;
   margin-right: auto;
}

答案 2 :(得分:0)

其他答案对我没有用,但这里是Shiva的答案略有修改。有一个父子div组合,其中一个抓住页面的底部,另一个抓住中心 像这样

.bottomOfThePage{
    position:fixed;
    bottom:0px;
    width:100%;
}
.centerOfThePage{
    text-align: center;
    //other text stuff like color
 }

html

<div class="bottomOfThePage">
    <div class="centerOfThePage">
        <p>footerStuffHere</p>
    </div>
</div>