73

E単語の文字をミラーリングしたかったWEBLOGので、CSS変換プロパティを使用しましたが、テキストをスパン内にラップすると機能しませんが、assingdisplay: inline-block;またはdisplay: block;

では、変換はインライン要素には適用されませんか?

例1(変換の失敗)

<h1>W<span>E</span>BLOG</h1>

h1 span {
    transform:rotate(7deg);
    -ms-transform:rotate(7deg); /* IE 9 */
    -moz-transform:rotate(7deg); /* Firefox */
    -webkit-transform:rotate(7deg); /* Safari and Chrome */
    -o-transform:rotate(7deg); /* Opera */
}

例2(使用する場合は機能するdisplay: blockORdisplay: inline-block

4

2 に答える 2

63

変換可能な要素の下の公式の W3 仕様でここに回答:

ブロック レベルまたはアトミック インライン レベル要素である CSS ボックス モデルによってレイアウトが管理される要素、または 'display' プロパティが 'table-row'、'table-row-group'、'table- header-group'、'table-footer-group'、'table-cell'、または 'table-caption' [CSS21]

于 2013-02-14T20:17:15.513 に答える