• ベストアンサー

HTMLで自動改行。(こういうこと出来ますか?)

表の中に文字を入れます。 「始めましてこんにちわ、今日は良い天気です。明日はもっと良い天気になればいいですね」 これを表の中に入れると当然、表の長さが長くなって 文字が入ります。 ※この表に入れると文字が5行で改行されるように出来ますか? <br>を入れなくても 表が5行までしか受け付けないと言いますか・・・ 「始めまして  こんにちわ  、今日は良  い天気です  。明日はも  っと良い天  気になれば  いいですね」 「」が表だとするとこんな感じです。 出来れば短いソースをお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
noname#199778
noname#199778
回答No.1

スタイルシートを使って、セルの横幅を規定してしまうのが良いように思います。 その文章が入るセルに対して、style="width: 5em;"というスタイルシート指定を追加してみてはいかがでしょう。 <table> <tr> <td style="width: 5em;">始めましてこんにちわ、今日は良い天気です。明日はもっと良い天気になればいいですね</td> </tr> </table> スタイルシートで使われる単位のemは、大体全角文字一文字分のサイズになります。 5emで、おおよそ全角文字5文字分の幅になってくれると思います(スペースや読点等の表示位置で多少のずれが出るかもしれません)。 参考になれば。

hypertn
質問者

お礼

完璧です!

その他の回答 (2)

  • nuruhho44
  • ベストアンサー率57% (38/66)
回答No.3

lead1976さん、ビルダー使って実験しながらのろのろ書き込んでるうちにかぶってしまいました。どうもすみません。 ちなみに、ビルダーの吐き出すタグをコピペしたので、<TBODY></TBODY>は余計です。

  • nuruhho44
  • ベストアンサー率57% (38/66)
回答No.2

簡単といえばコレですね。 <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD style="width:5em">「始めましてこんにちわ、今日は良い天気です。明日はもっと良い天気になればいいですね」</TD> </TR> </TBODY> </TABLE> </BODY> </HTML> でも句読点の扱い上 「始めまして こんにち わ、今日は 良い天気で す。明日は ・・・・ という感じで表示されます。ダメですかね? <TD>タグのスタイル要素を追加して <TD style='width:5em; font-size : 24px;font-family : "MS 明朝";'> という風にすると、文字の大きさ(font-size)やフォント(font-family)を変えても大丈夫です。 「MS 明朝」や「MS ゴシック」のような等幅フォントのほうがきれいに並びますね。

hypertn
質問者

お礼

完璧です!

関連するQ&A