javascript - CSS - 居中对齐动态创建的下拉列表

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 同样。

希望这对您有所帮助。