我想实现一个功能,我需要有两棵树,一棵挨着另一棵,看起来像镜子。请参阅图像:水平翻转html和css
关键是我发现的方法来水平翻转,但文本也反转。我不能做的是颠倒让文本原样的树。
这里是我做了什么:http://jsfiddle.net/lontivero/R24mA/
基本上,下面的类应用到HTML正文:
.flip-horizontal {
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: fliph; /*IE*/
filter: fliph; /*IE*/
}
的HTML代码:
<body class="flip-horizontal"></body>
而且JS:
Ext.create('Ext.grid.Panel', {
title: 'Simpsons',
height: 200,
width: 400,
// more and more code. SO forces me to paste js code ;(
renderTo: Ext.getBody()
});
为什么不把你所有的东西都对准? –