CSS中选择标记中的中心文本

时间:2011-05-12 09:36:50

标签: javascript html css

我想制作类别的下拉列表。如何使select标签内的文本居中,我试着把 “text-align:center”所以它只适用于Firefox浏览器。 我试图通过使用带有javascript的空格来解决这个问题,具体取决于列表的宽度。 CSS中有没有其他浏览器的解决方案?

修改

如Pål所述,我们通常不能将文本对齐在选择标记
内 因为浏览器可能使用本机控件来实现这些控件。
大多数mordren站点使用自定义组件,如JQuery UI Selectmenu或Bootstrap UI 这取决于开发人员和应该如何在网站上实现UI

1 个答案:

答案 0 :(得分:2)

您通常无法对齐这些元素中的文本,因为它仅对块级元素有效(例如,请参阅this),即使它在一个浏览器中有效,它通常也不适用于所有操作系统,因为浏览器可以使用本机控件来实现这些控件。

如果您需要它居中,可以使用间距(但可以提供不同的结果),使用DHTML构建自定义控件或重新考虑您的要求。