ゲスト
0 users
皆さんはじめまして。
htmlの改行方法について教えていただきたいことがあります。
下記のソースはテーブルを二つに分けています。
上にあるテーブルはスクロールさせず、下のテーブルをスクロール可能にし、エクセルで言えばウィンドウ枠の固定のような動作を実現したいと考えています。
しかし下記のように「!!!!!!」等と半角の記号を連続で記述すると、word-breakオプションを指定しているのも関わらず折り返してくれません。
指定した幅で自動で折り返すにはどのようにすればよいでしょうか？
----------------------------------
<html>
<head>テスト</head>
<body>
<div
<table
</table>
</div>
<div
<table
</table>
</div>
</body>
</html>
----------------------------------
コメント
- 2：sheile
- 2008/02/01 14:44
あまりにも酷い回答ではあるのですが、一応自動改行させる方法として・・・
誰か良い回答を知っていたらコメントお願いします。
<style
<!--
TD.fixWidth
-->
</style>
と定義した上で
<td
なんとも酷いソースだ・・・
- 0
- 3：mmike
- 2008/02/01 16:32
sheileさんのコードを踏まえて
少しでもきれいにという程度のアイディアですが、
各[td]セルにIDを割り振ってしまって、
td.innerHTML(ID独自)からtdの文字列を取得して
１文字ずつ<span>で囲むようにJavaScriptで入れてみたりとか、
すると多少は見栄えはいいかも・・・？
※onload付近にでも、、、
sheileさんと同様私もこれが良いものだと思えませんけどね。。。
- 0
- 4：ゲスト
- 2008/02/03 03:59
そういう変なワードを入れる場合は、
明示的に<WBR>を入れてあげるべきかな・
- 0
- 5：tetsuhon
- 2008/02/06 00:44
同じような質問が、教えて！gooにも投稿されているようですね。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1352769
途中に半角スペースを入れてもいいなら、ある程度の間隔で
適宜入れていくとかどうですか？
- 0
前へ 1 次へ
コメントする
[block]から[/block]までの範囲はブロック表示されます。
部分的に目立たせたい時や、引用などにお使いください。
[code]から[/code]までの範囲は等幅表示されます。
ソースコードや設定ファイルの記述などにお使いください。
実際に上のソースを試したわけではありませんが、
ゲストさんがこのソースを表示させたのはどのブラウザですか？
word-breakオプションはIE独自のオプションのようです。
http://www.htmq.com/style/word-break.shtml
解決策は思いつきませんが…。
途中でbrを入れるにしても、ブラウザ側でフォントサイズを
変更されるとレイアウトが崩れますしね(´Д⊂