けとけと。の自由帳

けとけと。の自由帳

『記述したままを表示』

記述したままを表示とは?

スペースを入れて文字の位置を合わせるように,調節しながら書いても思ったようにならないことがあります. プロポーショナルフォント(文字ごとに最適な幅を設定したフォント.P明朝とかPゴシックなどPが付くようなフォント)で表示されているときなど,うまく行かないときが多いですね
他にも文章の先頭に半角スペースがあると削除されてしまうときがあります.
メモ帳などのテキストエディタで書いたままの状態を表示させるには便利なタグです.
このタグを使って文章を書くと,固定幅のフォントで記述されスペースや勧業がそのままの状態で表示されます.

要素名

 PRE

記述

 <PRE>要素内容 </PRE>

使用例 (上:結果 下:記述 ※但し自動改行なしの設定で記述)

PREタグを使用して先頭に半角スペース2個入れた場合
 先頭に全角スペースを入れた場合
iiiiiiiiii| この場合下の行と「|」の位置が同じになる
WWWWWWWWWW|
1234567890|
改行タグを書かなくても
改行してくれる
PREタグを使用しないで先頭に半角スペース2個入れた場合
 先頭に全角スペースを入れた場合
iiiiiiiiii| この場合下の行と「|」の位置がずれる
WWWWWWWWWW|
1234567890|
改行タグを書かないと 改行してくれない
 <PRE> 
PREタグを使用して先頭に半角スペース2個入れた場合
 先頭に全角スペースを入れた場合
iiiiiiiiii| この場合下の行と「|」の位置が同じになる
WWWWWWWWWW|
1234567890|
改行タグを書かなくても
改行してくれる </PRE> 
PREタグを使用しないで先頭に半角スペース2個入れた場合<BR>
 先頭に全角スペースを入れた場合<BR>
iiiiiiiiii| この場合下の行と「|」の位置がずれる<BR>
WWWWWWWWWW|<BR>
1234567890|<BR>
改行タグを書かないと
改行してくれない<BR>

© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: