こんにちは、
下のプログラムで全角の文字を入力し、縦書きにすると10文字で改行されます。横書きや半角の縦書きでは改行されないようです。
全角の縦書きで改行されないようにするにはどうすればいいでしょうか?
宜しくお願いいたします。
IE7で試しています。
<HTML>
<HEAD>
<STYLE type="text/css">
<!--
INPUT {font-size: 12px;}
-->
</STYLE>
<SCRIPT language="JavaScript">
<!--
function check(){
var strName;
strName = document.nform.textN.value;
var test = document.getElementById("test");
test.innerHTML = strName;
var tb = document.nform.tbSelect;
test.style.writingMode = tb.options[tb.selectedIndex].value;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM name="nform" >
<SELECT name="tbSelect">
<OPTION value="tb-rl">縦書き</OPTION>
<OPTION value="lr-tb" selected>横書き</OPTION>
</SELECT><BR><BR><br>
<INPUT type="text" size="45" name="textN"><BR>
<input type="button" value=" 確認 " onClick="check()">
</FORM>
<DIV id="test" style="writing-mode:tb-rl;position:absolute;font-size:24px;font-family: Verdana, sans-serif;cursor:hand">
</DIV>
</BODY>
</HTML>
</html>
No.1ベストアンサー
- 回答日時:
1行が10文字程度で折り返されてしまう height属性を指定することで回避出来ます。
私の記述例
direction:rtl;margin-top:27px;font:17px/180% serif,Times;height:504px;
参考にしたHPのURLは、参照不能ですので記述しません
早速回答頂きありがとうございます。
DIV内にheigh属性を記述したとこえろ、全角での縦書きでも改行されず表示され無事問題解決しました。
助かりました。この度は、ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
hiddenのvalueの値を変えたい
-
value内に変数を入れたい
-
セレクトボックスの初期選択状...
-
テキストボックスに入力された...
-
数値の掛け算の不具合について
-
JavaScriptによる自動計算フォ...
-
ループで連続したフォームの値...
-
Kintone(キントーン)でドロップ...
-
複数のsubmitボタンで押された...
-
サイト内検索で文字化けしてい...
-
3桁区切りのカンマをつけたい...
-
ラジオボタンの値を関数へわた...
-
オブジェクト配列
-
JAVASCRIPTで、ボタンを押した...
-
日付選択のポップアップを今日...
-
関数名などの固有名詞(?)を...
-
フォームで入力した値を別のフ...
-
name属性が同じフォームが複数...
-
javascriptでhiddenに二次元配...
-
チェックボックスがundefinedと...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
value内に変数を入れたい
-
hiddenのvalueの値を変えたい
-
3桁区切りのカンマをつけたい...
-
VB.NET DateTimeの型について
-
複数のsubmitボタンで押された...
-
テキストボックスに入力された...
-
フォーム内容を上から順番にJav...
-
VBAをJavaScriptに変換したいです
-
javascriptでhiddenに二次元配...
-
大量のselect要素のvalueを短い...
-
フォームで入力した値を別のフ...
-
プルダウン選択時、既に入力済...
-
ラジオボタンと連動して文字列...
-
引数に数値、文字列の混在
-
クイズ作成:15個の問題から5個...
-
クリックの度に加算していくには?
-
setIntervalの間隔を途中で変更...
-
Pythonで会員サイトの自動ログ...
-
selectboxのoptionタグのvalue...
-
JavaScriptによる自動計算フォ...
おすすめ情報