2

したがって、私はこれに不慣れで、Windows CE デバイスのコードを変更して、テキストをボタンに垂直に表示しようとしています。

私のコードは次のとおりです。

.philips_menu_button { 
BACKGROUND-IMAGE : url(dynalite/images/buttons/philips/Philips_Button_Menu.png); 
TEXT-ALIGN : center; 
WIDTH : 128px; 
HEIGHT : 32px; 
COLOR : #07529c; 
FONT-WEIGHT : 600; 
dynalite-type : button-theme; 
upImage : dynalite/images/buttons/philips/Philips_Button_Menu.png; 
downImage : dynalite/images/buttons/philips/Philips_Button_Menu_pressed.png; 
text-offsety : 0; 
text-offsetx : 0; 
}

と

<dynalite:button style="BACKGROUND-IMAGE: none; POSITION: absolute; WIDTH: 80px; HEIGHT: 70px; FONT-SIZE: 20px; OVERFLOW: hidden; TOP: 230px; LEFT: 700px; dont_layout: true; textid: Button_0001_txt; Button_0001_txt: " id=Button_0001 class="philips_menu_button swap_page" onclick="TouchPanel.GoToPage( './Edit Presets.html')" alpha="False" ATOMICSELECTION="true" text="Edit<br>&#10;Levels">
        <IMG style="POSITION: absolute; VISIBILITY: inherit; TOP: 0px; LEFT: 0px" id=Button_0001_img src=".\dynalite\images\buttons\philips\philips_button_menu.png" width=80 height=70> 
        <IMG style="POSITION: absolute; VISIBILITY: hidden; TOP: 0px; LEFT: 0px" id=Button_0001_img_1 src=".\dynalite\images\buttons\philips\philips_button_menu_pressed.png" width=80 height=70> 
                <DIV style="Z-INDEX: 998; POSITION: absolute; OVERFLOW: visible; TOP: 50%; LEFT: 0px">
                    <DIV style="Z-INDEX: 999; POSITION: relative; WIDTH: 80px; TOP: -50%; LEFT: 0px" id=Button_0001_txt>Edit 
                        <BR>Levels 
                    </DIV>
                </DIV>

基本的に画面は横向きになるように設計されていますが、90度回転させたいです。ボタンまたはテキストのいずれかを回転させる必要があります。

前もって感謝します。

スティーブ

4

1 に答える 1

3

ボタンを回転させたい場合は、変換でcssアプローチを使用できます。

<input type="button" value="edit" style="transform:rotate(7deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
-o-transform:rotate(90deg); /* Opera */"/>

テキストを回転させるのではなく直立させて表示する場合は、jqueryを使用するオプションがあります。

html部分：

<input type="button" value="edit" id="vert" style="width:1.5em;">

jqueryの部分：

$(document).ready(function() {
         $('#vert').val('e\nd\ni\nt');   
        });

ここでそれをチェックしてください..http：//codepen.io/lukeocom/pen/mHnvl

于 2013-02-07T07:53:25.193 に答える