htmlで任意の行の文字位置を右にずらす方法

Question

HPを上部、その下に左右の３フレームにしてあり、下の左の表示をメニューの様にしています。そのメニュー幅に文字数が収まらないので、下に
で下ろしています。文字にはリンクを付けてアンダーラインを入れています。文字を右にずらすのに、スペースを使っており、このスペースにアンダーラインが表示されます。これを消す方法はないものかと・・。簡単な方法はないでしょうか？申し訳ありませんが素人です。

fujillin · Accepted Answer

こんにちは直接の回答ではありませんが、大切なことと思いますので。＞文字を折り返して、スペースで位置調整しますので、～～この発想が諸悪の根源（？）ですね。そもそもの文章として、スペースが必要でないところに、レイアウトのためだけにスペースを入れるようなことをすると、文章の内容自体が崩壊します。特にhtmlの場合は、閲覧者の環境は、PC、スマホ、タブレットなど様々です。固定幅でレイアウトしているのならまだしも、可変幅でレイアウトしていると、ご説明のようなスペースを使った調節では、画面幅が変わるとレイアウトが滅茶苦茶になる可能性があります。その際に、不要なスペースが文章を読み取る障害となります。レイアウトが多少崩れても、文章がちゃんとしていれば読み取れますが、妙なスペースは邪魔にしかなりません。最近のHTMLでは文章とその構成をHTMLでマークアップし、表示のレイアウトはCSSで行うという考え方が確立してきましたので、それに沿ったマークアップをなさるのが宜しいと思います。＞「あいう　　　えお」の、「う　　え」の中間の～文章として「あいうえお」とあるものを「あいう　　えお」と記すのは、著者が「あいう　　えお」という意味として読んで欲しい時だけです。折返し（インデント）を調整したいのかも知れませんが、このサイトの質問蘭に長い文章を入れれば、自然と折り返してくれるように、文章の折り返しを利用するのが普通の考え方と思います。そうするこてで、表示するスペースの幅が変わっても、その幅に応じた位置で折返しがされるからです。＞そのメニュー幅に文字数が収まらないので、下に
で下ろしています。文章の区切り以外に改行（
)を用いることも、文章構成として不自然なことです。　　文章の区切り　　以外に改行（　　
)を用いる　　・・・のような不必要な書き方であり、筆者の意図がそこにない限りは、好ましい表現とは言えないでしょう。もしも、HTMLやCSSの基本的な考え方をご存じないのであれば、まず、そのあたりをざっと押さえておかれるのが宜しいと思います。 https://developer.mozilla.org/ja/docs/Learn/Getting_started_with_the_web/HTML_basics https://developer.mozilla.org/ja/docs/Learn/CSS/CSS_layout https://developer.mozilla.org/ja/docs/Learn/Getting_started_with_the_web/CSS_basics さて、ご質問にあるような折り返しを、スペースを用いずに実現するには、対象となっている要素をブロック（または、インラインブロック）にしておいて、その要素が幅を持つようにしておきます。その上で、ブロック全体の位置を調節（左マージンや、フロートなどなど）すると、内容の文章がその幅を超えれば折返しが行われ、（ブロックなので）見かけ上インデントされているように見えるはずです。・・・などと書いても、意味が通じないように思いますので、ごく簡単な一例を・・・質問者様のレイアウトがどうなっているのかわからないので、回答にはなっていませんが、少なくとも『スペースでインデントを調整する必要はない』ということはおわかりいただけるのではないかと思います。下記の例は、固定幅にしてありますが、可変幅でも同様の考えは可能です。また、レイアウトは単純なfloatの例ですが、flexやgridによる方法など、文書の構成に合わせていろいろな方法が考えられるものと思います。 Sample

あいうえおかきくけこさしすせそたちなにぬねのはひふテストテストテスト

gura_ · Answer

new_hanaさん >････これを消す方法はないものか･･････････そもそも何をしたいのか分かりません。最初から問題のページソースを掲載したら分かりやすいのですが。取り敢えず、ご参考に↓

上部フレーム

2019/10/13 あいうえお

下部右フレーム

nitto3 · Answer

<A HREFの前にスぺースを入れる。

htmlで任意の行の文字位置を右にずらす方法

こんにちは

new_hanaさん

<A HREFの前にスぺースを入れる。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング