![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_08.png?e8efa67)
よろしくお願いします。
リンクタグを作る時に
<a href="http://○○.com/" target="_blank" title="123456 あいうえお">123456 あいうえお</a>
となると思いますが</a>の手前の123456 あいうえおを
(少しスペース)123456
(上よりもう少しスペース)あいうえお
このようなタグにしたい場合、
どうすればいいでしょうか?
タグや、空白を開けただけでは
フォントによって表示が崩れてしまいます。
思いどうりに表示できるタグがありましたら
教えてほしいです。
また、思いどうりに行かなくてもある程度は
表示の崩れないタグなどありましたら教えて下さい。
よろしくお願いします。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_13.png?e8efa67)
No.3
- 回答日時:
こんにちは!
>フォントによって表示が崩れてしまいます。
フォントが大きくなってもスペースの幅を変えないようにしたいということでいいのでしょうか?
<head>
<style type="text/css">
<!--
.left10 {
padding-left: 10px;
}
.left20 {
padding-left: 20px;
}
-->
</style>
</head>
<body>
<a href="http://○○.com/" target="_blank" title="123456 あいうえお"><span class="left10">12345</span><br>
<span class="left20">あいうえお</span></a>
</body>
こういうことでいいのかな・・
10px、20pxの数値をお好みで変えてください。
アドバイスありがとうございます。
やはりclass指定でやる方法が無難なのでしょうか。
色々試してみます。
ありがとうございました。
No.1
- 回答日時:
ROMARIAさんがどのように表示したいのか、具体的イメージがわかりません。
<a href="http://○○.com/" target="_blank" title="123456 あいうえお">■123456<br>■■あいうえお</a>
(■はスペースと見てください)
このようにすれば以下のようには表示されますけど。
■123456
■■あいうえお
こういう事とは違うのでしょうか?
この回答への補足
hiruminさん、ありがとうございます。
ええっと、hiruminさんが書いてくれた
■123456
■■あいうえお
このような感じにしたいです。
質問にも書いたように■の部分をスペース
にしても見る側によって表示が崩れてしまいます。
表示が崩れてしまうのは仕方が無いのは
分かっているのですが比較的このタグを使えば
崩れが少ないというタグを知っている方がいたら
教えてほしいと思い投稿しました。
スペース(余白を)を入れれて改行のできるタグは
他にはご存知無いでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- その他(IT・Webサービス) リンクできない HTMLで<a>タグでリンクを作ったのですがブラウザに表示されません、アドレス、入力 1 2022/07/26 19:43
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS HTMLタグのあるCSVファイルを利用する方法 4 2023/03/19 14:41
- PHP PHPの変わった閉じタグの必要性と意味を教えてください。 1 2022/08/28 15:15
- SEO noindexタグを試作ページの段階で使うとき 1 2023/02/15 08:42
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- その他(学校・勉強) この中で間違ってある説明はありますか?詳しい方に教えていただきたいです。 A. 1つのプログラムが複 2 2023/07/14 01:15
- シューズ・ブーツ 以前見かけたレインブーツを探しています。 ・写真のように上部後方に革のタグがついている ・写真の物よ 3 2022/06/11 01:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
iPhoneで HTMLファイルを閲覧
-
静止画画像をクリックすると音...
-
HTMLでこの画像を表示したいで...
-
テーブルの行を折りたたみたい...
-
角丸画像の背景色を透明にした...
-
メモ帳の段落の揃え方
-
HTMLのdlとul どちらが正しいと...
-
HPに文章で改行はすべてBRタグ...
-
テーブルタグのセルの幅の一部...
-
ウェブサイトにアップされてい...
-
初心者html・CSS ウィンドウを...
-
css初心者 フレックスボックス...
-
CSS初心者です。わかる方教えて...
-
HTMLで特定の文字だけ色を変え...
-
HTMLを正しく表示させるには
-
疑似要素で背景画像に指定したS...
-
サイトにコンテンツを並べる際...
-
webデザインの勉強で、HTML/CSS...
-
私、Paiza Cloudやっているのだ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
複数タグ指定してHTMLを取得したい
-
リストマークの位置がずれてい...
-
面白いタグ
-
キーボードの2(ふ)のキーに...
-
コンボボックスのリスト行数を...
-
■ <table><tr><td>~~ を表...
-
CGIフォーム、タグの表示につい...
-
HTMLコード内に、コード各部の...
-
「タグ」って・・・??
-
HTMLでぶら下げインデントは出...
-
ホームページビルダーで作った...
-
<FONT TITLE=××>...
-
どちらのHTMLタグがいいのですか?
-
携帯サイトを作っているのです...
-
文字列をそろえて、かつ全体を...
-
今後、使用を避けたほうがいいH...
-
歌詞のコピーライトについて
-
ホームページの文字点灯
-
HTMLで、2行目以降をほぼ1字下...
-
ユーザーフォームの表示を追加...
おすすめ情報