お願いします。

質問

先ほどの質問は文字を圧縮したように細くする方法を教えていただきたいです。
次なんですけど、画面を最大化してお気に入りなど出すと画面が押されてテーブル内の文字や書いてある文字も列が崩れて最大化にした画面と違ってきます。
よく見るサイトなんかはお気に入りなど出しても変化する事なく正常です。
余白かマージンは関係ありますか？段落なんかも変になります。何かいい方法を教えて下さい。

回答No.5

wolv

> 列が崩れて最大化にした画面
の意味って，

　　　例えば，こういう文章があって，（ENTER）
　　　ここに書いてあるように表示した（ENTER）
　　　いのに，幅が変わると次の例のよ（ENTER）
　　　うに表示されるってことですよね．（ENTER）
　　　（注意：「次の例」の中では，こ（ENTER）
　　　の文章はよく意味がわからない状（ENTER）
　　　態になります）

例
　　　例えば，こういう文章
があって，
　　　ここに書いてあるよう
に表示した
　　　いのに，幅が変わると
次の例のよ
　　　うに表示されるってこ
とですよね．
　　　（注意：「次の例」の
中では，こ
　　　の文章はよく意味がわ
からない状
　　　態になります）

ちがうかな．

もしそうなら，改行はブラウザーが画面にあわせて勝手に改行してくれるのにまかせて，自分では改行しないのがいいです．また，上の例では各行のはじめにスペースをいれて調節しているけれども，「テーブル」の「余白」で調整すれば，まともに表示されます．

行末のENTERをとって余白を設定した場合の，狭い幅での表示は次の例のようになります．

例
　　　例えば，こういう文章が
　　　あって，ここに書いてあ
　　　るように表示したいのに，
　　　幅が変わると次の例のよ
　　　うに表示されるってこと
　　　ですよね．（注意：「次
　　　の例」の中では，この文
　　　章はよく意味がわからな
　　　い状態になります）

回答No.4

Naodon1020

方法は3つほど考えられます。

<PRE>～</PRE>
テキストを書いたとおりに表示します。
しかし等体フォントしか使用されません。

例）
<PRE>
あああ
いいいいいいいいい
ううううう。
</PRE>

<NOBR>～</NOBR>
ブラウザの端で文章が途中で折り返されてしまうのを防ぐためのタグです。
文章だけではなく、単語が途中で折り返されてしまうのを防ぐこともできます。

例）
<NOBR>あああ</NOBR><BR>
<NOBR>いいいいいいいいい</NOBR><BR>
<NOBR>ううううう。</NOBR>

参考）単語の折り返しを防ぎたい場合。
わたしは<NOBR>Naodon1020</NOBR>という名前です。

<TD NOWRAP>～</TD>
これはTABLEタグの<TD>タグ内に追加するタグで、<TD>～</TD>内の文章を折り返しさせない場合に使用します。セル幅を設定した場合には、NOWRAPの方が優先します。

例）
<TABLE>
<TR>
<TD NOWRAP>
あああ
</TD>
</TR>
<TR>
<TD NOWRAP>
いいいいいいいいい
</TD>
</TR>
<TR>
<TD NOWRAP>
ううううう。
</TD>
</TR>
</TABLE>

こんなもんでいかがでしょう。

回答No.3

none123

いっそのこと本文を<pre>タグで囲んでしまうというのは？
（↑あまり見る人に親切な設計ではありませんが）

<pre>
このなかの文章は、書き込んだ通りに表示されます。
改行のタグとかも不要。
メモ帳等で作った通りのレイアウトで文字が表示されます。
</pre>

といった感じです。

回答No.2

wolv

私は基本的にレイアウトはあまりこだわらず，
HTMLファイルをメモ帳などで直接書く人なので
あまり参考にならないかもしれませんが…….

------------------------------------------------------------
もともと，HTMLは，文章の内容を重視して作られた規格です．基本的に，HTML中の改行は無視され，段落の切れ目として指定した部分(<P>)が，NNやIEでは改行と１行分の空行で示されます．また，空白は連続していれても一つ分としてしか認識されません．（全角の空白はその分文字があく場合もある）

（以上の基本だけしかないと，対応できない部分があるので，）さらに機能が追加されています．

- 段落ではないが強制的に改行したい場合，改行する部分に <BR> というタグを入れる．
- 空白を入れる（そこで改行はしない）場合， &nbsp; を入れる．
- その他いろいろ．

比較的初心者向けのWEBページ作成用ツールでは，作文時に改行を打つと，<BR>が入ってしまうようです．また，スペースを打つと &nbsp; が入ってしまうようです．これらの余計な強制改行，強制スペースが，画面の幅の違いによってレイアウトが崩れる原因になります．

------------------------------------------------------------
そこで，

- 段落の切れ目以外でむやみに改行をうたない．
- 左右の位置の調節のためにスペースを使わない．

という方針で書けば，画面の幅が変わってもレイアウトが崩れにくいページになります．

細かい調整は，HTMLファイルを直接編集したほうがはやいかもしれません．

簡単なページは，むしろHTMLファイルをじかに書いたほうが速くかけるかもしれません．

------------------------------------------------------------
HTMLについては，とほほさんの「とほほのWWW入門」が充実しています．

　http://tohoho.wakusei.ne.jp/www.htm （とほほのWWW入門）

ここに

- http://tohoho.wakusei.ne.jp/wwwbeg.htm （ホームページ入門）
- http://tohoho.wakusei.ne.jp/html/index.htm （HTMLリファレンス）

や，色見本，画像（GIF・JPEG），JavaScript, perl, CGI, ダイナミックHTML，スタイルシート，などなど多くの情報があります．

回答No.1

phanbura

見当ハズレな回答だったらごめんなさい。(^_^;)

文字列が乱れてしまうのは、タグを書く時に、<nobr>～</nobr>と入れれば、解消されると思います。
これは自動的に改行するのを禁止するタグです。
このタグで挟まれた部分は、自分で<br>タグを書いて改行してあげない限り、改行されません。
改行したい場合は<br>タグを使います。

<nobr>
これは例です。
</nobr>

と書いておけば、画面が小さくなっても、

『これは
例です。』

みたいに歪んでしまうことはありません。

<nobr>
これは<br>
例です。
</nobr>

と書いたときだけ、

『これは
例です。』

となります。