Javascript 通过CSS在选择标记中居中显示文本

Javascript 通过CSS在选择标记中居中显示文本,javascript,html,css,Javascript,Html,Css,我想为类别创建下拉列表。如何使文本内选择标记居中,我试着把 文本对齐:居中,因此只能在Firefox浏览器上使用。 我试图通过根据列表的宽度在javascript中使用空格来解决这个问题。 CSS中是否有其他浏览器的解决方案 编辑 正如pål所提到的,我们通常无法对齐select标记内的文本 因为浏览器可能会使用本机控件来实现这些控件。 大多数现代站点使用自定义组件,如JQuery UI Selectmenu或Bootstrap UI。 这取决于开发人员&如何在网站中实现UI您通常无法对齐这些元

我想为类别创建下拉列表。如何使文本内选择标记居中,我试着把 文本对齐:居中,因此只能在Firefox浏览器上使用。 我试图通过根据列表的宽度在javascript中使用空格来解决这个问题。 CSS中是否有其他浏览器的解决方案

编辑 正如pål所提到的,我们通常无法对齐select标记内的文本 因为浏览器可能会使用本机控件来实现这些控件。 大多数现代站点使用自定义组件,如JQuery UI Selectmenu或Bootstrap UI。
这取决于开发人员&如何在网站中实现UI

您通常无法对齐这些元素中的文本,因为它仅对块级元素有效,例如,请参见,即使它在一个浏览器中工作,它通常不会在所有操作系统上工作,因为浏览器可能会使用本机控件来实现这些控件


如果您需要将其居中,可以使用空格(这可能会产生不同的结果),也可以使用DHTML构建自定义控件,或者重新考虑您的要求。

您应该发布您的标记和使用的样式是否可以将“搜索框中类别的下拉列表”代码放在此处?还是这是秘密?因此,我们将尝试使用秘密方法解决您的问题,pssst:DThanks,我通过javascript函数解决了它,该函数根据每个单词的宽度和列表的宽度添加空格。