Question

我有一个使用transform: rotate(90deg);的元素，但它不在父元素的中心。

我也试图尽可能地将其作为跨浏览器（透明度等），但到目前为止还没有运气好。

*我正在轮换<的原因是因为我将来会使用图标字体/图片来替换它。

Answer 1

这似乎不是居中的原因是因为你已经旋转了它。当css脱离转换时，它会完成所有正常样式，然后对其进行转换。因此，如果您要删除transform，您会发现问题不在于水平居中，而是垂直居中是问题所在。要解决此问题，您必须添加

display:table-cell;
vertical-align:middle;

箭头在中间对齐

我有小提琴here

此外，如果您需要帮助制作更具跨浏览器兼容性的内容，http://prefixr.com/是完成此操作的绝佳工具。例如，它会将您的opacity:0.5;转换为

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity:0.5;

哪个应该对Internet Explorer有帮助