Javascript align="；中心“；变通办法

我使用的模板不是我自己为Joomla网站创建的。我正试图集中一个jquery菜单，花了几个小时浏览了所有的代码和css，但似乎找不到该怎么做！所以，我决定创造一个小的工作围绕。我制作了一个空白的png图像，并将其放在菜单的左侧，使其宽度等于我想要的偏移量。这个小技巧效果不错，只是不是所有的屏幕都是相同的大小，所以它实际上并不是集中在大多数屏幕上。我想知道是否有人知道一个动态的方法来计算中心到底是什么，所以我可以动态地将空白PNG的宽度改变为页面加载时的大小？

---

希望这是有意义的，非常感谢CSS为元素居中提供的帮助：

#elementID {
    margin: 0 auto;
}

我在一些地方读到，元素需要设置CSS

width

属性才能生效，但我发现情况并非总是如此。

怎么样

  margin-left: auto;
  margin-right: auto;

要么：

margin-left: auto;
margin-right: auto;

或

---

将起作用。：）

使用CSS将元素居中的典型方法是使用

左边距：auto；右边距：自动

此外，元素需要显示为块并具有固定宽度

因此，您的CSS将如下所示：

.myelement {
    margin-left:auto;
    margin-right:auto;
    display:block;
    width:100px;
}

希望能有所帮助。
在尝试使用firebug或chrome检查css时，添加一个css记录，更改所需元素
使用div包装器将其放入div中，即

margin:0 auto
<div id = "mainWrapper">

   <div id = "leftColumn"></div><!-- end leftColumn -->

   <div id = "centerColumn">
     <!-- Put you menu item in here -->
   </div><!-- end centerColumn -->

   <div id = "rightColumn"></div><!-- end rightColumn -->

</div><!-- end main wrapper -->



css如下所示
#主包装
{
浮动：左；
宽度：100%；
}
#左列
{
浮动：左；
宽度：25%；
}
#中心柱
{
浮动：左；
宽度：50%；
}
#右栏
{
浮动：左；
宽度：25%；
}
为什么不使用firebug或chrome检查css，然后添加一个css记录，以更改所需的元素？@Phil，不，这是一个答案。这可能就是问题所在。
#selector{
    width:500px; /* however wide the element is */
    position:absolute;
    top:20px; /* This is whatever you want */
    left: 50%;
    margin-left:-250px; /* this is half of the width */
}
<div id = "mainWrapper">

   <div id = "leftColumn"></div><!-- end leftColumn -->

   <div id = "centerColumn">
     <!-- Put you menu item in here -->
   </div><!-- end centerColumn -->

   <div id = "rightColumn"></div><!-- end rightColumn -->

</div><!-- end main wrapper -->