※ ChatGPTを利用し、要約された質問です(原文:全角の縦書きが一定文字数で改行になる。)
全角の縦書きが一定文字数で改行になる
こんにちは、
下のプログラムで全角の文字を入力し、縦書きにすると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>
お礼
早速回答頂きありがとうございます。 DIV内にheigh属性を記述したとこえろ、全角での縦書きでも改行されず表示され無事問題解決しました。 助かりました。この度は、ありがとうございました。