![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
いつもお世話になっております。
blue-horseと申します。
テーブル内の文字列に半角ハイフンがあるのですが、
そこで強制的に改行されてしまいます。
これを回避する方法として以下の方法を試しました。
環境:
OS:WindowsXP Professional SP2
ブラウザ:Internet Explorer 6.0
1)CSS white-space:nowrap; -> ×
2)実態参照 - -> ×
3)実態参照 -> ×
4)<pre>タグ -> 成功(※)
5)<nobr>タグ -> 成功
<pre>タグは改行は抑制できたのですが、フォントサイズが指定と変わってしまいました。
<nobr>タグが最も要求に近いのですが、HTMLが見難くなります。
出来ればCSSで解決したいのですが、手段はありませんでしょうか。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
<nobr>タグと</nobr>タグで挟まれた範囲内に<wbr>を入れることで改行制御します。
テーブル内で使用した事は無いですが。
<nobr>は、見栄えを定義するタグとして、HTML4.0 には採用されませんでした。
<pre> (整形済みテキスト) を下記のように指定して使用したら
pre {margin:0;font:xxpx/1xx% "MS 明朝",serif;} font指定は Safariの対策です
ゴシックを使用する場合「MS ゴシック」かな
参考URL:http://www.tohoho-web.com/html/nobr.htm
k0021様:
ありがとうございます。
お礼遅くなりまして申し訳ございません。
やはり<pre>タグになるんですね。
<td>タグ内に入れ子で<pre>が大量に入ることになるので、
ソースが見難くなって嫌だったのですが。orz
さもなくばJavaScriptで動的にセル幅指定させるぐらいでしょうか。
No.1
- 回答日時:
OS,ブラウザが違うので確認はできないのですが、
禁則処理,改行のCSSなど、試してみる価値はあるんじゃないでしょうか。
word-break:
normal; ……英文のみ単語の切れ目で改行(既定値)
break-all;……英文も和文も単語の途中でも改行
keep-all;……英文も和文も単語の切れ目で改行
単語の途切れ目として[-]が認識されているようならば、
break-allで、単語の途中でも改行にすれば、
ハイフンで改行されることはないのではないか、という推測です。
また改行自体を抑えたいのであれば、以下のようなCSSもあります。
word-wrap:
normal; 単語の途中で改行しない。(表示幅を広げる)
break-word; 単語の途中でも改行する。
参考URL
http://www.htmq.com/style/word-break.shtml
http://builder.japan.zdnet.com/sp/css-firefox-sa …
syagain 様:
ご回答ありがとうございます。
提示頂いた方法を試してみましたが、残念ながら駄目でした。(T-T)
1)word-break:normal; -> ×
2)word-break:break-all; -> ×
3)word-break:keep-all; -> ×
4)word-wrap:normal; -> ×
5)word-wrap:break-word; -> ×
6)white-space:nowrap; + 上記1~5の同時適用 -> ×
現在のところ<td>のwidth値を明示的に指定することで回避しています。
が、この場合、内容によって幅を可変としたい場合に不便です。
引き続き良案ございましたら、回答を頂きたく思います。
以上、失礼いたします。m(_ _)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・【大喜利】【投稿~8/27】 こんなガソリンスタンド二度と来るか!なぜそう思った?
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・【お題】動物のキャッチフレーズ
- ・【お題】甲子園での思い出の残し方
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・自分用のお土産
- ・人生で一番お金がなかったとき
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・ちょっと先の未来クイズ第1問
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
H1タグに改行の<br>を使う
-
テーブルのセルデータを自動改...
-
VBE でスペースと改行を見える...
-
リンクの範囲がおかしい?
-
mailto:メール本文内の改行方法
-
<a href=... title="ここ">の部...
-
なぜか<p> </p>が挿入され...
-
改行が変な位置、中途半端な位...
-
Dreamweaver のライブラリ機能...
-
textarea と、 input type の...
-
改行できる・できない入力ボッ...
-
高校1年生情報の問題について。
-
行コメントが無い理由
-
自動改行と入りきらない文字列...
-
textareaを非表示
-
AfterEffectsでイージーイーズ...
-
掲示板からIPアドレスってど...
-
リーバイス?
-
ソースコードのインデントについて
-
target="_blank"とは何の意味で...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
H1タグに改行の<br>を使う
-
テーブルの幅を固定するとnowra...
-
\\n \\r \\t について
-
長いURLを途中で改行(折り返す...
-
Hタグを改行禁止にしてspanのよ...
-
テキストエリア内の改行禁止
-
「:」について
-
改行できる・できない入力ボッ...
-
VBE でスペースと改行を見える...
-
文字の最後に半角空白が勝手に...
-
PCの画面を縮小したらサイズ...
-
preタグがプロの現場であまり使...
-
テキストエリア内の改行もその...
-
XMLの改行方法とリンクの仕方
-
liタグの自動改行をやめたい!
-
<br />タグの、brの後の半角ス...
-
<h1>を使っても無改行にするには
-
<a href="長いURL"> を途中で...
-
高校1年生情報の問題について。
-
mailtoで本文に改行を入れたい
おすすめ情報