Question

我有一个固定位置的舱位,以留在观察港底层。我正试图自动放大,以便随着四舍五入的变化,它仍然处于中心地位。

.box {
position: fixed;
width: 80%;
bottom: 20px;
left: 50%;
margin: 0 0 0 -40%;
max-height: 50%;
overflow: auto
}

任何想法? 我试验了一个带有文字标签的集装箱:中心然后显示:线上,但产生了高射结果。

Answer 1

.box {
    position   : fixed;
    left       : 10%;
    right      : 10%;
    bottom     : 20px;
    max-height : 50%;
    overflow   : auto;
}

您可使用<代码>tle和right,以集中内容(而不是使用宽度)。

如果你想 use,你可以这样做:

.box {
    position   : fixed;
    left       : 10%;
    width      : 80%;
    bottom     : 20px;
    max-height : 50%;
    overflow   : auto;
}

如果你想要在固定要素内使用超文本,你可以这样做:

.box > div {
    width      : 50%;
    min-width  : 150px;
    margin     : 0 auto;
    text-align : center;
}

http://jsfiddle.net

Answer 2

.centered {  position: fixed;  top: 50%;  left: 50%;  margin-top: -[1/2(element-height)];  margin-left: -[1/2(element-width)];}

这项工作。