safariで見ると以下のページのように<div>内のテキストが
はみ出して表示されます。
http://okwave.jp/qa3178306.html
divの幅を指定しているときに中のテキストがちゃんと折り返すための
タグはありますでしょうか。
IEやfirefoxなどはちゃんと折り返します。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
解説を後回しにして、対処法を先に述べるなら、「適宜スペースを入れる」となります。
欧文では、行末に長い単語がくると、ワープロの場合、内蔵しているハイフネーション辞書にしたがって、適宜ハイフンを入れて、改行します。ウェブブラウザは、いまのところハイフネーションしてくれるものはありません。テーブルのセル内などに、極端に長い単語を挿入すると、セルの領域を超えてしまい、セル外のテキストやイメージと重なってしまいます。
単語と単語の間を、Safariは、スペースで判別します。対して、Internet Explorer、Firefoxは、それに加えてパーレン(かっこ)の前ないし後ろで、単語の区切りと判別します。
例示のページのソースを見ると、スペースがまったくない一行があるために、Safariで改行されないという結果になるようです。
HTMLの規則として、スペースが必要とされない箇所で、スペースを使うと、無視されることになっています。スペースを二個以上連続して入力すると、二個目以降無視されるのは、ご存じのとおりです。
閉じパーレンと、開始パーレンの間に、スペースを入れると、Safariはそこで改行してくれるでしょう。
この回答への補足
ご回答ありがとうございます。
ただ、逆に言うと、おっしゃられている条件でなくても、決まった幅で折り返しているサイトは多く存在するので、CSSなどでなんとかなりませんでしょうか。
ちなみにテーブルだと同じ条件で折り返してくれます。
ある事情で、スペースやBRなどは使いたくない部分でして。
何か情報があれば教えてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 読み込んだQRコードをフォームに受け渡したい 1 2023/05/18 11:18
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- その他(ブラウザ) テキストを入れるときの縦線の点滅がそれ以外のブラウザ上にも表れます。 1 2022/07/29 21:55
- Excel(エクセル) EXCELの書式設定を固定することはできませんか? 5 2023/06/20 17:05
- JavaScript Javascriptを使ってQRコード読み取り、取得した情報をPOSTしたいと思っています。 1 2023/04/28 15:18
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- その他(スマホアプリ・スマホゲーム) capcutってアプリで質問です。 音声読み上げを使いたいんですが、写真のように 読み上げボタン?が 4 2022/05/20 00:30
- その他(ブラウザ) テキストの折り返しがないサイトの文字を折り返してPDF化したい 4 2022/12/02 09:49
- 大学受験 資格試験などの勉強で過去問題集の解説を理解する時、分からない用語を調べてどうするのが良いですか? 問 3 2023/06/18 17:18
- 画像編集・動画編集・音楽編集 PhotoScapeXで黒テキストの上に画像を重ね背景を表示する方法 1 2022/12/18 19:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MacBook Airについて教えてくだ...
-
プレミアプロ2023と2024どちら...
-
プレミアプロを立ち上げても英...
-
Macでデスクトップアイコンを整...
-
iMacをMacMiniのモニターとして...
-
突然消えた
-
mac ファイルの詳細情報を編集...
-
今日Macbookを買ったんですが、...
-
Microsoft office 2019 for mac...
-
MacにもAutoHotkey(windows)の...
-
確定申告のe-taxページにてなぜ...
-
MacBook再インストールできません
-
Macに詳しい方教えて下さい M1...
-
mac os 10.6の入ったMac mini ...
-
iMacのモニターを使って
-
Mac OSが再インストールできな...
-
macOS Sonoma 14.1をインストー...
-
Touch IDの反応が悪いです。先...
-
至急回答お待ちしております。 ...
-
Mac M2を使っています。 モニタ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
今日Macbookを買ったんですが、...
-
Mac OSが再インストールできな...
-
確定申告のe-taxページにてなぜ...
-
iMacをMacMiniのモニターとして...
-
Microsoft office 2019 for mac...
-
mac ファイルの詳細情報を編集...
-
Macでデスクトップアイコンを整...
-
MacBook Air
-
macOS Sonoma 14.1をインストー...
-
mac初心者 OS Catalina10.15.7...
-
Biohazard re4をMacでプレイし...
-
Mac M2を使っています。 モニタ...
-
MacにChromeをダウンロードして...
-
【至急】OBSのデバイス一覧にHS...
-
MacBook 入力ソースに日本語がない
-
FinalCutProのゴミ箱ってどこに...
-
至急回答お待ちしております。 ...
-
El Capitanがインストールでき...
-
3年使用しているMacBook proで...
-
パソコンの買い替えを考えてい...
おすすめ情報