jquery - 设置宽度的中心 "ul"元素

Question

我想将未排序的列表设置为“背景”。为此，我已将其指定为非常宽，以便它匹配打开页面的任何屏幕，包括 2560 像素宽度。但是除非有技巧或其他东西，否则我不能使它完全与 CSS 居中。我愿意走jquery的路。从技术上讲，ul 将具有与 background-position:top center 相同的效果；

我没有附上代码，而是附上了一张图片及其工作方式(添加代码)

<div style="background-color:black; width:100%; overflow:hidden; height:302px; text-align:center; position:relative">
<ul style="padding:0px; margin:0px; text-align:center; width:2560px; height:100%; margin:0 auto 0; position:relative;">
    <li class="image"></li><li class="image"></li><li class="image"></li><li class="image"></li><li class="image"></li><li class="image">

</ul>
</div>

我使用了内联 css，所以它更清楚我想做什么。

感谢任何帮助

Answer 1

是this fiddle你想要什么？我认为你说“背景”时没有正确解释

CSS

ul{
    list-style-type: none;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    background:#FF0000;
}


ul li {
    display: inline-block;
    height: 65px;
    overflow: hidden;
    padding: 0;
    background:#0000FF;
    line-height:65px;
    color:#FFF;
    padding:0 5px;
}