【问题标题】:How do I position a div 'x' pixels from the center of a page?如何从页面中心定位 div 'x' 像素?
【发布时间】:2012-08-07 23:51:13
【问题描述】:

我想将<div> 相对于页面中心定位给定数量的像素。如何做到这一点?

【问题讨论】:

    标签: html position center pixel pixels


    【解决方案1】:

    您可以使用$(window).width() / 2 来获取水平中心...比如:

    $('.myDiv').css({left: ($(window).width() / 2) - 50})
    

    您会在中心左侧看到div 50px

    【讨论】:

    • 没有纯CSS解决方案吗?
    • 是的,但只能使用供应商特定的前缀,并且与旧版浏览器不兼容...例如:margin-left: -webkit-calc(50% - 250px)
    • 好吧,那行得通。我很惊讶 IE 支持它,而 Opera 不支持。
    猜你喜欢
    • 2014-11-24
    • 1970-01-01
    • 2013-12-25
    • 1970-01-01
    • 2013-06-02
    • 2016-09-15
    • 1970-01-01
    • 1970-01-01
    • 2012-02-15
    相关资源
    最近更新 更多