Javascript 将单个固定分区块（而非其内容）居中
-我使用Div创建了一个导航栏Javascript 将单个固定分区块（而非其内容）居中,javascript,html,css,Javascript,Html,Css,-我使用Div创建了一个导航栏 -我已经指定了它的宽度/高度 -我已经调整了填充值，使它看起来很漂亮 -我已经将“top”设置为0，以消除在滚动页面时的任何泄漏 -我已经设置了一个固定的位置，这样当用户在页面上向下滚动时，它总是停留在页面的顶部 我究竟如何才能将DIV块居中（同时不调整内部元素）？我尝试了“居中”标签，但没有效果 这是我的密码： <html> <body> <div align=right style="width:465px;pad
-我已经指定了它的宽度/高度
-我已经调整了填充值，使它看起来很漂亮
-我已经将“top”设置为0，以消除在滚动页面时的任何泄漏
-我已经设置了一个固定的位置，这样当用户在页面上向下滚动时，它总是停留在页面的顶部
我究竟如何才能将DIV块居中（同时不调整内部元素）？我尝试了“居中”标签，但没有效果 这是我的密码：
<html>
<body>
<div align=right style="width:465px;padding-top:10;padding-right:20;top: 0;height:40px;position: fixed;background-color:#ff0000">
logo image here
</div>
</body>
</html>
标志图片在这里
left:50%;
margin-left:-242.5px;
这里的边距等于485像素总宽度的一半，包括20px的水平填充。因为您有固定的宽度，只需使用：
left:50%;
margin-left:-242.5px;
margin:0 auto;
margin:0 auto;
编辑：是，不在固定位置 如果不知道元素尺寸，可以使用
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
如果不知道图元尺寸，可以使用
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
把它包起来，然后放在中间 HTML:
把它包起来，然后放在中间 HTML:
使用
左右左边距右边距自动固定绝对实例：使用
左右左边距右边距自动固定绝对.blaat {
width:465px;
padding-top:10;
padding-right:20;
top: 0;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
height:40px;
position: fixed;
background-color:#ff0000;
}
.blaat {
width:465px;
padding-top:10;
padding-right:20;
top: 0;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
height:40px;
position: fixed;
background-color:#ff0000;
}
这是……我们开始了。我要发布我的版本，因为我更喜欢它，我们开始吧。我要发布我的版本，因为我更喜欢它，因为我喜欢可读性，不要使用这样的内联样式。提供内联样式来表示问题是可以的。事实上，这样问问题更好。@RUJordan:正如萨米尔所说，这样做纯粹是为了可读性。@萨米尔：这不是更好的提问方式。内联的任何东西都是可读性差的，一般来说编程也很差。阅读一个CSS句子比阅读一个漂亮的CSS列表更困难。出于对可读性的热爱，不要使用这样的内联样式。提供内联样式来表示问题是可以的。事实上，这样问问题更好。@RUJordan:正如萨米尔所说，这样做纯粹是为了可读性。@萨米尔：这不是更好的提问方式。内联的任何东西都是可读性差的，一般来说编程也很差。读一句CSS比读一个漂亮的CSS列表更难。不在固定位置。不在固定位置。在IE8上不起作用，所有基于webkit的浏览器都需要
-webkit--ms--webkit--ms-