XML和CSS：文本不旋轉

我想旋轉XML節點c但沒有任何反應，我不知道爲什麼。XML和CSS：文本不旋轉

HTML：

<?xml version="1.0" encoding="utf-8"?> 
<?xml-stylesheet type="text/css" href="cssdata.css"?> 
<a> 
    <b> 
     <c> 
      This text should be rotated 
     </c> 
    </b> 
</a>

CSS：

c 
{ 
       transform: rotate(45deg); 
       -webkit-transform: rotate(45deg); 
       -moz-transform:rotate(45deg); 
}

來源

2017-05-01 Ramón Wilhelm

自定義元素是默認inline和transform工作，它應該是inline-block或block，所以你需要去改變它。

側面說明，你可以閱讀更多關於custom elements這裏，因爲他們可能還需要正確註冊以及

c { 
 
    display: inline-block; 
 
    transform: rotate(45deg); 
 
    transform-origin: left top 
 
}

<?xml version="1.0" encoding="utf-8"?> 
 
<?xml-stylesheet type="text/css" href="cssdata.css"?> 
 
<a> 
 
    <b> 
 
     <c> 
 
      This text should be rotated 
 
     </c> 
 
    </b> 
 
</a>

來源

2017-05-01 08:43:28 LGSon

XML和CSS：文本不旋轉

回答

相關問題