Question

我有一个模态，我希望页码位于模态的底部并居中对齐。

页码位于绝对位置，底部为0，对齐中心位置为文本对齐：

#pagination{

  background: blue;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;  
}

问题是，我将页码设置为100％宽度（因此它们可以居中对齐）但这需要考虑模态填充（我无法更改），因此页码只是关闭中心并离开页面。

Answer 1

尝试将left:0;添加到代码

#pagination {
    background: none repeat scroll 0 0 blue;
    bottom: 0;
    left: 0;/*add this*/
    position: absolute;
    width: 100%;
}

Answer 2

添加left:0以及bottom:0和position:absolute，例如 Demo

<强> CSS：

#pagination {
    background: blue;
    position: absolute;
    bottom: 0;
    width:100%;
    left:0;
}

Answer 3

而不是使用width:100%;尝试使用

#pagination{   
    background: blue;
    position: absolute;
    bottom: 0;
    left:0; 
    right:0;
}

这样，如果需要

，可以向#pagination添加填充

Answer 4

将左右位置添加到0并删除宽度css

#pagination{
left: 0;
right: 0;
}