CSS 过渡旋转仅在 div 向左浮动时才有效

Question

我正在使用带有 › 的 Accordion 作为箭头来打开和关闭它。当 Accordion 关闭时它指向下，当 Accordion 打开时它指向上。

箭头仅在 div .accordionTitle:before 向左 float 时指向左。我不能把它向左 float ，因为我需要它居中，当我居中时它太长(我想缩短它，因为它通过 CSS 变换旋转了 90 度)并且挡住了它上面的按钮.

Margin 0 auto 不起作用，因为它向左 float ，但是 当它没有向左 float 时，箭头没有指向下 .有任何想法吗？

这是两个 fiddle :

.accordionTitle:左 float 之前:
http://jsfiddle.net/Clare12345/tfooswzq/ 作品

.accordionTitle:before {
float: left;
}

.accordionTitle: float 前无:
http://jsfiddle.net/Clare12345/dqcv9svt/ 不起作用

.accordionTitle:before {
float: none;
}

剩下的 float 是唯一的区别。先谢谢了!!!

Answer 1

我自己就遇到了这个。既然我看到你在评论中写了答案，我会继续发布一个实际的答案，那就是......

将元素的显示设置为 inline-block。那是:

display: inline-block;

似乎至少适合我的情况。