css - 解决带有文本旋转的 css3 错误

Question

查看问题的链接:

http://www.dev.pingag.ch/allsystems/fileadmin/templates/diagramm.html#

我用 html 和 css 创建了这个图表。每个词(integrität、innovation 等)周围都有一个 div，一个 div 围绕一切。

单词“kompetenz”和“kunden”的文本旋转了:

    **-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform: rotate(-90deg);**

适用于 Mozilla、Chrom 和 Opera。

对于我使用的 Internet explorer:

书写模式:tb-rl;

旋转文本。

在 Internet Explorer 中的结果是完美的，但在 Mozilla、Chrom 和 Opera 中在顶部和底部出现了不需要的白色边框。

您知道我该如何解决这个问题吗？

提前谢谢你

Answer 1

你为什么不直接改变你的div的宽度98px -> 100px 左右+ 3-4px 用于右上角和右下角