从中心偏移 div
我试图将 div x 像素数量放置在页面中心的右侧。因此 div 将相对于中心。
到目前为止,我已经尝试过一些愚蠢的事情,比如
margin:0 auto;
margin-left:20px;
但你不需要在浏览器中测试它就知道它不起作用。
预先感谢您的任何帮助。
I'm trying to position a div x amount of pixels to the right of the center of the page. The div would therefore be relative to the center.
So far, I've tried something stupid like
margin:0 auto;
margin-left:20px;
But you don't need to test that in a browser to know it wouldn't work.
Thanks in advance for any help.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
我会尝试使用两个 DIV,一个在另一个里面。像这样的东西:
请参阅jsfiddle 上的此示例。
外部
div
将根据此问题/答案水平居中:如何水平居中,然后,使用边距将内部差异向右移动 20 像素。
请注意,如果将
width
保留为auto
,则宽度将为零,并且可能不是您想要的。I'd try using two DIVs, one inside another. Something like this:
See this example live at jsfiddle.
The outer
div
would be horizontally centered as per this question/answer: How to horizontally center a <div> in another <div>?Then, the inner diff is just moved 20 pixels to the right, using a margin.
Note that, if you leave
width
asauto
, the width will be zero, and it might not be what you want.如果您知道要相对于中心定位的
div
元素的宽度,那么您可以执行以下操作:http://jsfiddle.net/UnsungHero97/Fg9n6/
HTML
CSS
结果
If you know the width of the
div
element you want to position relative to the center, then you could do something like this:http://jsfiddle.net/UnsungHero97/Fg9n6/
HTML
CSS
Result
这适用于所有 Bootstrap、html5(甚至在 MediaWiki 地狱中)。技巧是“位置:相对”
你可以做与 CSS 相同的事情。
This works for all Bootstraps, html5 (and even in MediaWiki hell).The trick is "POSITION:RELATIVE"
You can do the same thing as CSS.
您可以将 div 居中(使用 margin:auto)并将内容(在另一个 div 中)向右移动 X 像素:
或者只是使封闭的 div 长 40 像素并将文本向右对齐
You could center the div (with margin:auto) and move the content (in another div) X pixels to the right with:
Or just make your enclosing div 40 pixels longer and align your text to the right
使用此代码:
结果:

Use this code:
Result:
