ある範囲内でテキストの折り返しを行わない
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>

表示例:
01234567890123456789

これを活用することにより、
領域内に収める為のsubstringなんてことが不要になります。

また、テキストボックスを読み取り専用、枠線を非表示にしたもので代用すれば、本稿で扱う仕様を満たしスクロールも可能な領域を作成できます。

mj:df
携帯アプリ開発
携帯アプリ開発(Android)
PHP
HTML(CSS・web全般)
データーベース
Excel(VBA)
Linux検証環境
Windows
雑学
このサイトについて
- PR -