我怎么能禁止用css或jquery翻转文本？

Question

当一个物体旋转+ 180°时，它内部的所有东西都会被翻转，这样它仍然可读（我猜），我想避免它，怎么做？

Answer 1

只需将文字包装在一个div中，然后使用与您分配给父div的度数相反的值旋转它：

div.flipped {
    background: lightblue;
    padding-left: 150px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

div.noflipped {
    background: lightblue;
    padding-left: 150px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}

演示：http://jsfiddle.net/uTGXx/7/