3

这里是

http://jsfiddle.net/vicky081/jmGwX/5/我想更改 div 的宽度,当我将宽度更改为 50% 时,div 的宽度现在为 100%,div 出现在左侧。当我减小从中心出现的 div 的大小时,如何使该 div 成为中心?我知道 div 的宽度100%然后它看起来像left 0 to right 100如果我将宽度更改为 50 它也会出现在left to 50% right当我改变宽度时是否有一种方法可以从中心显示它例如:如果我减小宽度的 div 是50%然后它看起来像25% from center of left and 25% center of right

这是代码CSS:

.notify {
    background: #FFFFFF;
    width:50%;
    position: relative; 
    margin:-13px 0px 0px -5px;
    padding: 2px 0px 0px 0px;   
    border-bottom:2px solid #CC0000;
    box-shadow: 0px 4px 5px #AAAAAA;
    font-size:14px;
    font-family: 'Lato Regular', Arial;
    text-transform:uppercase;
    text-align:center;
}
4

2 回答 2

4

像这里一样编辑你的 CSS:

.notify {
    ....
    margin: 0 auto 0 auto;
    ....
}

http://jsfiddle.net/wRM8j/

编辑:

如果positionfixed添加

.notify {
    ....
    position: fixed;
    left: 0;
    right: 0;
    ....
}

http://jsfiddle.net/vZexH/

于 2013-08-31T14:48:49.003 回答
1

第一个解决方案是完美的,但如果你想使用 javascript 来玩。只需包括这一行。

<script>
var decider=parseInt(document.defaultView.getComputedStyle(document.getElementsByTagName("div")[0]).width)/2;
document.getElementsByTagName("div")[0].style.left=(window.innerWidth/2)-decider;
</script>
于 2013-08-31T15:06:00.013 回答