No.1
- 回答日時:
display:inlineやdivなどの要素は一切関係ありません。
日本語ではできないのです。
印刷を目的にしたワープロなどのソフトでは、「禁則処理」という機能で調整ができますが、現在のWebブラウザには日本語の禁則処理が実装されていません。英語ならできますよ。
No.2
- 回答日時:
・何故、divなのか意味不明・・・ それはリストじゃないの?
・日本語は右端で折り返すので、単語か文章か判断せずに改行される仕様。
(新聞だって単語でも漢字でも途中で改行してますけどね・・・)
>中途半端 ?
単語単位で改行させたくないという意図なら、
<ul class="com">
<li>アップル</li>
<li>マイクロソフト</li>
<li>インテル</li>
<li>グーグル</li>
<li>ソニー</li>
<li>ノキア</li>
</ul>
ul.com li{ display: inline; white-space: nowrap;}
No.3ベストアンサー
- 回答日時:
DIVは、HTMLに用意されている要素だけでは文書構造を示しきれないときに使用するものです。
「DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」
例えば、アップル マイクロソフト・・・がその文書の中で、何であるかを示す適当なタグがない場合でちょっと特別扱いをしたいのでしたら・・、
<abbr class="makerName" title="Apple">アップル</abbr>、<abbr class="makerName" title="microsoft">マイクロソフト</abbr>、<abbr class="makerName" title="Intel">インテル</abbr>、<abbr class="makerName" title="google">グーグル</abbr>、<abbr class="makerName" title="sony">ソニー</abbr>、<abbr class="makerName" title="Nokia">ノキア</abbr>
とか・・・abbrは、略称や頭文字をマークアップするタグです。
あるいは、
<span class="mark">アップル</span>、<span class="mark">マイクロソフト、<span class="mark">インテル</span>、<span class="mark">グーグル</span>、<span class="mark">ソニー</span>、<span class="mark">ノキア</span>
あるいは、HTML5だと、他から参照される可能性のある語句(要素)を示す<mark>がありますから
<mark>アップル</mark>、<mark>マイクロソフト、<mark>インテル</mark>、<mark>グーグル</mark>、<mark>ソニー</mark>、<mark>ノキア</mark>
かも知れません。
それをスタイルシートで
abbr.makerName{white-space:prewrap;}
span.mark{white-space:prewrap;}
mark{white-space:prewrap;}
と指定すれば良いでしょう。
CSS2.1のwhite-spaceプロパティの値は、
normal | pre | nowrap | pre-wrap | pre-line | inherit
です。
もちろん、DIVが「文書構造を示すために使われているのでしたら」
<div class="note">
<p>パソコンメーカーには<span>アップル</span>、<span>マイクロソフト、<span>インテル</span>、<span>グーグル</span>、<span>ソニー</span>、<span>ノキア</span>などがある。</p>
<dl>
<dt>アップル</dt>
<dd>
・・・【中略】・・・
でしたら、
div.note span{white-space:nowrap;}
ですむわけです。
要は「折り返して表示したくない」と言うことは、それらの単語がその文書にとって何らかの特別な要素であるわけですから、HTMLのルールとして文書構造をマークアップしておかなければなりません。・・・決してデザインのためではありません!!!
そして、「折り返して表示したくない」場合は、その文書構造に基づいて、これらのもテキストは折り返さないようにデザインするわけです。
★この基本をしっかり理解しておきましょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- JavaScript 【Javascript】ボタンクリックで2つのclassに対し、それぞれ別のclassを追加したい 1 2022/07/29 20:52
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- JavaScript 指定したパスが現URLに含まれていたら特定要素を削除するJavascriptのコードを教えてください 2 2023/04/27 17:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1から100までの自然数のうち、2...
-
smallにtext-allignが効かない
-
【ヒトの神秘】美男美女から何...
-
「諸要素」とはどういう意味で...
-
超音波で洗脳。
-
改行ほどは行かないけど、若干...
-
Bootstrap レスポンシブ textarea
-
clear:both;を単体で指定
-
inputタグはformタグで必ず囲む...
-
CSSで改行後の行間調整
-
質問1.
-
親要素・子要素
-
弾性力学の有限要素法(四角形...
-
含む含まないという概念自体の...
-
角丸画像の背景色を透明にした...
-
aタグ 中央寄せ
-
<br />と<br>は同じ意味ですか?
-
HTML5に移行を見据えた上で
-
imgタグをそのまま使うことは正...
-
aタグの中にdivタグを入れる場...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
超音波で洗脳。
-
質問1.
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
NからZへの全単射を具体的に構...
-
角丸画像の背景色を透明にした...
-
タグは大文字と小文字どちらが...
-
改行ほどは行かないけど、若干...
-
2個のFormを横並びにしたい
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
CSS:overflow要素の印刷について
-
textareaの幅を画面と合わせたい
-
親要素・子要素
-
テキストボックスの中にリンク...
-
emとstrongの反対
-
cssのdisplay:block
-
border: noneでボタンの境界線...
-
tdに対してmin-heightの定義、...
おすすめ情報