Jquery 如何阻止居中列表向右移动

Jquery 如何阻止居中列表向右移动,jquery,html,css,Jquery,Html,Css,我意识到这个问题以前被问过几次,但我有一个列表,它显示为一个内联块,用作导航条。我希望导航裸是对网页的中心,如果可能的话,处理被缩小了一点 <ul class="nav_bar"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> 问题是列表稍微向右偏移,我尝试过几

我意识到这个问题以前被问过几次,但我有一个列表,它显示为一个内联块,用作导航条。我希望导航裸是对网页的中心,如果可能的话,处理被缩小了一点

<ul class="nav_bar">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>

问题是列表稍微向右偏移,我尝试过几种方法,包括在列表周围放置一个div,但这似乎使所有CSS都无法完全工作。。。至少对我来说,这就是我寻求帮助的原因。如果使用Jquery来帮助实现这一目标,我没有任何问题

我在您的问题中看到您正在应用
margin:0px属性设置为CSS中的所有元素,因此您可以尝试以下操作:

*{
margin:0px;
padding:0px;
}

您的
ul
具有默认的左填充,将其内容推到一点上方

.nav_bar{
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
我们应该做到这一点。示例:

使用以下命令:

margin:0 auto;padding:0;width:99%;  // for .nav_bar li

margin:0 auto;padding:0;width:auto;height:auto       // for .nav_bar

text-align: center;          // for the container of .nav_bar
这是一个“我不敢相信我那样做了”的时刻。。。非常感谢,伙计,我绞尽脑汁已经12个多小时了
margin:0 auto;padding:0;width:99%;  // for .nav_bar li

margin:0 auto;padding:0;width:auto;height:auto       // for .nav_bar

text-align: center;          // for the container of .nav_bar