プロが教える店舗＆オフィスのセキュリティ対策術

全角の縦書きが一定文字数で改行になる。

解決済

  • 質問者：flas222
  • 質問日時：
  • 回答数：1件

こんにちは、
下のプログラムで全角の文字を入力し、縦書きにすると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>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： k0021
  • 回答日時：

１行が１０文字程度で折り返されてしまう　height属性を指定することで回避出来ます。



私の記述例
direction:rtl;margin-top:27px;font:17px/180% serif,Times;height:504px;

参考にしたHPのURLは、参照不能ですので記述しません
    • good
    • 0
    • 件
通報する
この回答へのお礼

早速回答頂きありがとうございます。
DIV内にheigh属性を記述したとこえろ、全角での縦書きでも改行されず表示され無事問題解決しました。
助かりました。この度は、ありがとうございました。

通報する
お礼日時：2007/10/23 10:44

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報