![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
例えば、
<td style="width: 100px;">apple banana apple banana apple banana apple banana</td>
なんてソースを作ると、実際は
apple banana apple
banana apple banana
などと単語単位で改行してくれるのですが、日本語だと
インターネット りんご プロ
グラム ブラウザ バナナ ス
タイルシート
のように単語の途中で改行されてしまいます。
英単語のように日本語を扱えないものでしょうか?
もし必要ならhtml.CSS以外の言語でも構いません。
お分かりになる方いましたら、ご回答願います。
No.2ベストアンサー
- 回答日時:
日本語の単語を単語の途中で改行させないということですね。
そもそも、日本語自体が単語間の改行を許している言語なので、これを指定するのは日本語の文法的には間違いなのですが、方法がないわけではありません。
ここでは、いちいち<span>にclassを指定するのも面倒なので、そうしたい段落について指定します。
<p class="nowrap">
<span>アセロラ </span>​<span>アボカド </span>​<span>グアバ </span>​<span>ドラゴンフルーツ </span>​<span>ドリアン </span>​<span>パイナップル </span>​<span>パッションフルーツ </span>​<span>バナナ </span>​<span>パパイヤ </span>​<span>ペピーノ </span>​<span>マンゴー </span>​<span>マンゴスチン </span>​<span>レイシ
</p>
スタイルシートは、
p.nowrap span { white-space: nowrap; }
です。
HTMLのどのDCUMENT TYPEにもありませんが、<NOBR>を使ってもIEやfirefox,operaなどで解釈はされますが、使わないほうが良いでしょう。
No.4
- 回答日時:
CSSで単語毎に white-space: nowrap; を設定。
他にもfloatで出来るけど面倒です。--------------------------------------
.aaa span{ white-space: nowrap; }
<table class="aaa">
<tr>
<td style="width: 200px;">
<span>インターネット</span>
<span>りんご</span>
<span>プログラム</span>
<span>ブラウザ</span>
<span>バナナ</span>
<span>スタイルシート</span>
</td>
</tr>
</table>
--------------------------------------
No.3
- 回答日時:
ひとつ説明するのを忘れてました。
​はzero-width spaceで画面上はゼロ幅なので表示されませんが、空白文字として機能するunicodeです。これを入れることで、単語間の全角スペースの手前で改行されて、行頭に全角スペースが来ることを排除しながら折り返し位置の判別のために入れたので、なくても良いはずです。
No.1
- 回答日時:
無理。
ただし空白が半角
あるいは(ブラウザによるけど)句読点があるとやってくれる事があるね。
それ以外ではもう、javascriptによってすんごい無理矢理やるしかない。
労力に見合わない方法だし美しくないと思うよ。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 英語 「和製英語はネイティブスピーカーに通じない」とあざ笑う英語堪能な日本人をどう思う? 13 2022/05/27 08:39
- 英語 数字の単位について教えてください 6 2022/11/10 08:25
- 英語 英単語の覚え方について。 ターゲットなのですが単語帳の英単語の方を見ると日本語は出てきますがいざ日本 5 2022/08/03 14:35
- マウス・キーボード 教えて! AppleのMagic Keyboard(JIS)をWindows 10で使用次第のですが 2 2022/06/01 18:07
- 英語 法人の記載方法と英文についてご相談 1 2023/04/09 14:54
- 英語 突然ですが、日本人が英語を話せない大きな理由は英単語量が少ないことだと思っています。中学校から始める 6 2022/05/05 22:35
- 英語 ターゲット1900についてです。 単語がなかなか覚えられません。 例えばよく分からない長い単語だった 3 2022/08/27 19:49
- ドイツ語 日本の医学カルテ単語で 英語とドイツ語 なぜごっちゃんになっているのでしょうか? 全部英語か?全部ド 2 2023/08/24 10:36
- 専門学校 鍼灸学科で必修の英語について 1 2023/02/11 19:34
- TOEFL・TOEIC・英語検定 英検準2級対策。 1 2022/05/29 13:37
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページビルダー作成HPがi...
-
特定の文字のみcssを適用するに...
-
文字の位置、上下のマージンが...
-
遊明朝のプロポーショナルフォ...
-
html,cssでスマホとパソコンで...
-
Format 関数 表示書式指定文字...
-
テキストボックス途中で切れて...
-
テーブル内のフォントの指定は...
-
<pre>のフォントサイズを指定す...
-
テキストエリア内の文字の装飾
-
font-sizeが効きません
-
スタイルシートについて教えて...
-
全角半角含めて等幅で表示したい
-
影つき文字をCSSで指定するタグ...
-
div style 簡素化するには?
-
【CSS】_font-size: 84%;ってど...
-
CSSの記述
-
指定の文字だけ色を変える
-
リストの前後の行間をなくす方...
-
<FONT>のCOLOR属性について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストの前後の行間をなくす方...
-
特定の文字のみcssを適用するに...
-
リンク文字
-
文字の位置、上下のマージンが...
-
Format 関数 表示書式指定文字...
-
テキストファイルの行を指定し...
-
API Sleep関数について
-
テキストエリア内の文字の装飾
-
CSSを一部無効にしたい
-
fontサイズ指定の ”-(マイナ...
-
ホームページビルダー作成HPがi...
-
全角半角含めて等幅で表示したい
-
CSSについて教えてください。 ...
-
<input type="file"> の幅
-
background-color: #ddd;の意味...
-
上付き文字と下付き文字を同時...
-
h1タグのパンくずリストへの設置
-
Excel VBA メール作成について ...
-
Excel VBA メール作成について ...
-
指定の文字だけ色を変える
おすすめ情報