No.7ベストアンサー
- 回答日時:
こんにちは、
><BR>を入れるのはCSSを使っている場合は、あまりよろしくないですよね?
そんなことないと思いますよ。
スタイルシートは、視覚的な表現のためにありますし、htmllintなんかでやってる。文法チェックは、コンピュータが理解できる構造にマークアップされているかどうかをチェックするものだと思います。
要は、CSSを使っているから、ダメじゃなくて、CSS使ってなくてもダメなこともあります。
body内で、裸で使うのは、みっともないですし、
(DTDがstrictの時)やっぱり、pタグで段落を作って、その段落内改行で、br使う分には、非難されることは少ないのではないでしょう。
強制的に改行?する方法は、いろいろあります。
コピペして、スタイルをいろいろ試してみるといいですよ。
インライン要素をブロックで表示
<strong style="display:block;">test</strong>test
<strong >test</strong>test
ブロック要素をインラインで表示
<p style="display:inline;">test</p>
<p style="display:inline;">test</p>
そのほか、文字の区切りに着目して
word-break (IEだけ)なんかを調べてみましょう。
スタイルも、ブラウザ依存の指定があるから、
注意しておかないと、
自分大満足。他人が見たら、何じゃこりゃになってることありますから。
大変お礼が送れ、汗顔の至りです。
>自分大満足。他人が見たら、何じゃこりゃになってることありますから。
当方Macユーザーなもので、現在形になっているサイトは、自分の所で見た時が一番崩れがひどいです…嗚呼。
今後精進いたします。どうもありがとうございました。
No.6
- 回答日時:
何か奇妙な気がするんですが、「りんごみかんバナナ」ってなに?と言うことではないでしょうか。
「それほど重みのある内容ではない」とか「見映えの問題で改行したい」云々の問題ではなくHTMLでは箇条書きで何かを書きたいときにul又は順番に意味がある場合olを使うのではないでしょうか。
それをulやolを使わずに箇条書きをやろうとしたら<br>が多くなる不自然なソースになるのが当然のように思えますが・・・
本当にセルの幅とか改行の問題なのでしょうか。
もしかしたら「りんごみかんバナナ」が本当に必要なの?
何てことも考えられるかも。
大変お礼が送れ、汗顔の至りです。
HTMLの知識はそれなりにあるのですが、実践経験がほとんどないので、つじつまの合わないことを聞いてしまったかもしれません。
今後精進します。ご回答ありがとうございました。
No.5
- 回答日時:
> 質問のように単語を羅列する場合は
羅列? それなら #2 さんの言うようにリストにしましょう。項目ごとに印がつくのがいやなら CSS で消せます。(調べてみてください)
<td>
<ul>
<li>りんご</li>
<li>みかん</li>
<li>バナナ</li>
</ul>
</td>
> セパレータを入れる
ここでいうセパレータとは区切り記号のことです。「、」とか「・」とか「 / 」とか。
といっても、リストにするならセパレータは関係ありませんが。
大変お礼が送れ、汗顔の至りです。
リストも部分的に入れてみました。印を消す方法もあるのですね、いずれ使ってみようと思います。
どうもありがとうございました。
No.4
- 回答日時:
>改行することによってセル幅が無駄に広がるのを防ぎたい
そういうことなら、TDに横幅を設定する方がよいでしょうね。
テキストは「りんご|みかん|バナナ」とか、適当なセパレータを入れるだけにしておけば、特に問題ないと思います。
何度もありがとうございます。
実は横幅を設定してしまうのも考えたのですが、表は複数あり、各セルに入る文字量がそれぞれかなりちがうので、設定してしまうと見栄え的にあまり美しくなくなってしまうので、今は使っておらず、自動で行が文章量に応じて広がるようにしています。
ただ、質問のように単語を羅列する場合は、横にばかり無駄に広がってしまうので、それを何とかしたいと考えました。
リスト表示にすることも考えましたが、それほど重みのある内容ではないので、あくまで改行による一覧表示(?)&中央揃えのレベルにとどめたいと思っています。
セパレータを入れるとは、それぞれのセルにわけるということでしょうか?
すみません、それはレイアウト上難しいかもしれません。
全然お礼になっていないですよね…本当にごめんなさい。
まだまだ初心者ですので、考え違いをしている可能性も大です。
ヒント程度で結構ですので、何かありましたらご教示いただけますでしょうか。
No.3
- 回答日時:
HTMLで論理構造を示し、CSSで見栄えを調整するというのが原則なので、その表がどんなもので、なぜその3つの果物を改行したいのかが分からないと、答えは出ないですね。
そもそも<br>は「強制改行」なので、#2さんがお書きのようにリストや個々を独立したブロックにしなくて良いのなら、別に使うことに問題はないと思います。そういう場合に使うためにあるのが<br>ですから。
この回答への補足
ご回答ありがとうございます。補足致します。
表は日程表、というものになるでしょうか。
強制改行したいというよりは、改行することによってセル幅が無駄に広がるのを防ぎたいというのが主な目的です。
No.2
- 回答日時:
> <BR>を入れるのはCSSを使っている場合は、あまりよろしくないですよね
CSSを「使っていなくても」あまりよろしくないと思いますが…。
<td>内には確かインライン要素もブロック要素も
入れることができるので、<td>内で
<ul>や<p>を使えばいいのでは?
<td>
<ul>
<li>りんご</li>
<li>みかん</li>
<li>バナナ</li>
</ul>
</td>
あるいは
<td>
<p>りんご</p>
<p>みかん</p>
<p>バナナ</p>
</td>
行間やインデント調整は、それこそCSSでやればいいんだし…。
また、論理的におかしくならないのであれば
りんご、みかん、バナナを
それぞれ独立したセルにしてもいいかも。
なお、私はテーブル自体をほとんど使わない人なので
よろしくないことを言っているかもしれません。
大変お礼が送れ、汗顔の至りです。
改行したい場所も色々なパターンがあり、現在<br>と<ul>で対応しています。
どうもありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) VBA 特定の列に入っているテキストをコピペ 2 2023/06/14 11:24
- Excel(エクセル) 列の複数ある空白セルを飛ばして、セルに並べて表示したい 3 2023/02/12 16:49
- Excel(エクセル) エクセルで”入力シート”の文字書式の変更を”出力シート”で同じ文字書式で印刷したいです。VBA希望 4 2023/04/24 11:07
- Excel(エクセル) エクセルを活用して受注表を作成中ですが関数が分からなく困ってました。 1 2022/07/22 09:14
- Excel(エクセル) 関数EXACT(文字列,文字列)とexcelVBA 3 2022/04/14 15:07
- Excel(エクセル) 関数式を教えてください。 AとBのセルがあり、Aのセルに値がある場合はCのセルへ1と表示。 AとBの 5 2022/03/23 14:38
- Excel(エクセル) エクセルについて教えてください。 3 2023/03/24 08:34
- Excel(エクセル) WORKDAY関数 4 2023/06/08 13:23
- Excel(エクセル) Excelでハイパーリンクが変化する表を作りたい 6 2023/05/03 07:54
- Excel(エクセル) エクセル関数のXlookupのフィルハンドル機能(類した機能でも可)を知りたいです。 3 2022/09/20 20:02
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
liタグの中に<p>タグやら<dl>を...
-
ulタグやliタグの中でbrタグ...
-
リストの数字のフォントサイズ...
-
番号付きリスト(<Ol><Li>・・...
-
円形の配置にするコーディング...
-
display:table;を多段表示させたい
-
親ページ側からインラインフレ...
-
ボタンを横に並べて表示させる方法
-
ホームページビルダーで同じ行...
-
HTMLで組織図を作成する方法
-
URLにアクセスした際に指定した...
-
CSSが上手く反映されないみたい...
-
ulとliで囲った文字の一部を変...
-
テーブル内のプルダウンの下に...
-
html/cssの、navを2段にする...
-
html <ul></ul>の並びで一行空...
-
html 横並びのリストを中央寄せ...
-
UL OL タグのインデントについて
-
<ul>~</ul>が二つ続くと間に改...
-
divタグ内のコンテンツが重なっ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストマーカーをボックス内に...
-
番号付きリスト(<Ol><Li>・・...
-
liタグの中に<p>タグやら<dl>を...
-
<table>の高さ固定。情報増加時...
-
レスポンシブWebデザインでリン...
-
<ul><li></li></ul>にするメリ...
-
リストの数字のフォントサイズ...
-
HTMLで組織図を作成する方法
-
ulタグやliタグの中でbrタグ...
-
divタグ内のコンテンツが重なっ...
-
画像にリンクを張ると画像がず...
-
複数行にまたがる括弧を表示し...
-
html <ul></ul>の並びで一行空...
-
ページを開いているときのリン...
-
HTML5のfooterに見出しを付けて...
-
html/cssの、navを2段にする...
-
<ul>~</ul>が二つ続くと間に改...
-
htmlの<ol>タグで、数字などを...
-
リンク文字同士の間隔を開ける...
-
CSSでつくったメニューのアニメ...
おすすめ情報