CSS - center对齐动态创建的下拉列表

Question

我使用以下代码创建了一个下拉框：

var s = $('<select/>',{id:"subCategory"});

有人能告诉我如何使用CSS将其对齐吗？

这是我的代码：

JavaScript

var a = $('<h3/>',{id:"h3SubCategories", text:"Sub Categories"});
a.appendTo("#subCategories");

// add the subcategory drop-down box.               
s.appendTo("#subCategories");

HTML

<div id="subCategories">            
    <div id='loadingDiv1'>
            Please wait...  <img src="http://i.stack.imgur.com/FhHRx.gif" />
    </div> 
</div>

#loadingDiv1会在不同时间显示和隐藏。

谢谢。

Answer 1

我认为应该这样做。

#subCategory
{
  text-align:center;
  margin:0 auto;
  display:block;
}

以下是 WORKING DEMO 。

希望这有帮助。