Html 在“”元素中居中文本（Webkit&IE）

我有一个要素：

中心化只发生在Firefox中，而不是Webkit或IE中

---

如何将Webkit和Internet Explorer中的选项居中？

在我的知识库中，我建议您创建自己的类似选择的元素，而不是尝试将选择按钮居中作为解决方法。您可以在这里使用javascript jQuery来完成它，您仍然可以使用纯javascript来完成它，这将是一个更快的代码

html:

<div class="dropdown">
    <div class="dropdown-title">Dropdown menu</div>

    <div class="dropdown-menu">
        <div class="option">Option 1</div>
        <div class="option">Option 2</div>
    </div>

    <input type="hidden" class="dropdown-select" />
</div>

js:

---

在本例中使用jQuery:

您是在尝试对齐所选内容还是所有选项？对于前者，可以使用selectbudget{text indent:115px；}。可以稍微修改该值以获得所需的居中效果。首先，HTML 4.01中不推荐使用中心HTML标记，而HTML 5中不支持中心HTML标记。我正在尝试将所选选项和所有选项置于中心。嗯，除了填充和文本缩进之外，我想不出多少。这对你有用吗？或者是一个快速解决方案——你可以用它来隔开。否则，select和其他表单元素的渲染方式与块元素不同，因此无法使用文本对齐或类似特性控制它们。文本缩进和上面的修复可以让您更接近您的设想，但是，如果您能找到正确的方法，那么您将不得不通过创建自定义表单元素等方式进行扩展。对于这个问题。因为不使用技巧就无法真正集中注意力。当然，您可以文本缩进或添加空格，但不能居中。如果他愿意，这是唯一的解决办法。我不是说这是所有情况下最好的方法！我想不出来让我们用jQuery放慢我们的页面速度。从来没有人说过他必须使用jQuery。这只是一个解释他的办法。在本例中使用jQuery。他仍然可以使用纯javascript。也许吧，但你为什么要这么粗鲁呢？我对Stackoverflow很陌生，我以前刚问过问题，如果我做错了什么，我很抱歉，只是想帮你。@bjb568-如果你不能写出一个好的答案，就不要回答-什么？不可以。你可以用你的投票支持你同意的答案，或者否决你不同意的答案，但是你不应该阻止用户尝试回答。改进建议很好，但请注意不要越界口述答案。记住，如果你认为自己可以做得更好，你可以自由添加自己的答案。

select {
    width: 400px;
    text-align: center;
}

<div class="dropdown">
    <div class="dropdown-title">Dropdown menu</div>

    <div class="dropdown-menu">
        <div class="option">Option 1</div>
        <div class="option">Option 2</div>
    </div>

    <input type="hidden" class="dropdown-select" />
</div>

.dropdown-title {
    padding: 5px;
    border: 1px solid black;
}
.dropdown-menu {
    display: none;
}
.option {
    border: 1px solid grey;
    text-align: center;
    padding: 3px;
}

$('.dropdown-title').on('click', function() {
    $(this).next('.dropdown-menu').toggle();
});
$('.option').on('click', function() {
    $(this).closest('.dropdown-menu').hide();
    $(this).parents('.dropdown').find('.dropdown-title').html($(this).html());
    $(this).parents('.dropdown').find('.dropdown-select').val($(this).html());
});