JQueryボタンをスペースなしで-45度に回転させる

Question

ボタングループを-45度に回転させることができるかどうかを判断しようとします。私はJSBinの例を作りました。私の問題は、回転したボタンの間のスペースです。どのアイデアを一緒にグループ化するか？ thisだどのように

Answer 1

？ jQueryのUIのシートから

.rotate { 
    margin: 20px -33px 20px 0 !important; 
    height: 24px !important; 
    -webkit-transform: rotate(-45deg); 
    /* Chrome, Safari 3.1+ */ 
    -moz-transform: rotate(-45deg); 
    /* Firefox 3.5-15 */ 
    -ms-transform: rotate(-45deg); 
    /* IE 9 */ 
    -o-transform: rotate(-45deg); 
    /* Opera 10.50-12.00 */ 
    transform: rotate(-45deg); 
    /* Firefox 16+, IE 10+, Opera 12.10+ */ 
} 

スタイルが自動的にボタンのマージンを設定したので、私はそれぞれの右側に-33のマージンを追加しました：

は、私はあなたのCSSコードを除いて同じすべてを保持しましたボタン。私は!importantでjQuery UIスタイルをオーバーライドしなければならなかった。ボタンのフォントサイズなどの要素が変更された場合、ボタンが再び離されるため、height: 24px !importantを使用してそのボタンを上書きします。