ある範囲内でテキストの折り返しを行わない
mj:df >HTML(CSS・web全般) >ある範囲内でテキストの折り返しを行わない
ブロック要素(div等)である横幅内から文字列をはみ出ないように表示する場合は、<nobr>タグ、及びCSS属性overflow-xに対してhiddenを設定できます。
<div style="border: 1px #cccccc solid; width: 100px; overflow-x: hidden;">
<nobr>
012345678901234567890
</nobr>
</div>
<nobr>
012345678901234567890
</nobr>
</div>
表示例:
これを活用することにより、
領域内に収める為のsubstringなんてことが不要になります。
また、テキストボックスを読み取り専用、枠線を非表示にしたもので代用すれば、本稿で扱う仕様を満たしスクロールも可能な領域を作成できます。




