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

CSS - centre align dynamically created drop-down list

本文关键字：对齐 下拉列表 动态 创建 CSS      更新时间：2023-09-26

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

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="https://i.stack.imgur.com/FhHRx.gif" />
    </div> 
</div>

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

谢谢。

我认为这应该可以做到。

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

这是相同的工作演示。

希望这有帮助。

相关文章：