Question

CSS是否可以将div的位置设置为中心左侧的8px？

我问的原因是，JQuery Mobile将div设置为右边大约8px，我想将一个元素居中，这需要应用8px的左校正。

我的CSS：

.sectionMap{
    width: 300px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 2px;
    box-shadow: 1px 1px 5px 3px #ccc;
}

有什么想法吗？

Answer 1

有点hacky，但也许是这样的：

.sectionMap{
    width: 300px;
    display: block;

    position:relative;
    left:50%;
    margin-left:-158px; /*Centered, minus 8px left*/

    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 2px;
    box-shadow: 1px 1px 5px 3px #ccc;
}

DEMO

CSS：将元素放置在中心之外

1 个答案: