在進(jìn)行元素布局時(shí)，有時(shí)候需要對同一個(gè)元素顯示不同的角度。這時(shí)候，我們就需要使用旋轉(zhuǎn)操作，也就是今天要講解的rotate的應(yīng)用技巧。最終效果首先，我們來看一下今天要實(shí)現(xiàn)的效果——文字橫版和文字豎版（如下

在進(jìn)行元素布局時(shí)，有時(shí)候需要對同一個(gè)元素顯示不同的角度。這時(shí)候，我們就需要使用旋轉(zhuǎn)操作，也就是今天要講解的rotate的應(yīng)用技巧。

最終效果

首先，我們來看一下今天要實(shí)現(xiàn)的效果——文字橫版和文字豎版（如下圖所示）。

相同點(diǎn)和不同點(diǎn)

接著，我們可以仔細(xì)觀察一下這兩個(gè)按鈕的相同點(diǎn)和不同點(diǎn)。實(shí)際上，它們只是一個(gè)效果，不同之處只是進(jìn)行了90度的旋轉(zhuǎn)操作。因此，我們只需要做一個(gè)顯示效果即可。

實(shí)現(xiàn)步驟

然后，我們來看一下第一個(gè)效果是如何實(shí)現(xiàn)的。實(shí)際上，有兩種方式可以實(shí)現(xiàn)：

1. 直接將其制作成圖片；

2. 在Sciter中使用自帶的字體，如下圖所示：

加入代碼

如果想要使用自帶的字體實(shí)現(xiàn)你想要的效果，只需要添加以下代碼即可：

```

nbsp;?

nbsp;?

```

加入這個(gè)代碼后，就可以直接顯示出效果了。

旋轉(zhuǎn)角度

接下來，我們來看一下如何使用旋轉(zhuǎn)操作實(shí)現(xiàn)下一個(gè)效果。只需要對元素進(jìn)行角度旋轉(zhuǎn)即可。例如，如果要右旋轉(zhuǎn)90度，則可以使用以下代碼：

```

......

```

這樣，我們就可以實(shí)現(xiàn)想要的效果了。