アプリ版：「スタンプのみでお礼する」機能のリリースについて

checkboxとlabelがずれる

締切済

  • 質問者：hp_win7
  • 質問日時：
  • 回答数：2件

以下のhtmlコードがあります。

<input type="checkbox">
<label>
読書
</label>

Google Chromで表示すると、チェックボックスと読書という文字の高さ位置がずれています。
何か対処方法はないでしょうか？

よろしくお願いします。

「checkboxとlabelがずれる」の質問画像
通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1

  • 回答者： ORUKA1951
  • 回答日時：

確認したのですが・・・ずれませんが。


　inputやlavelの使い方は治してチェックしました。
<form action="./">
<p><input type="checkbox" name="taste" value="reading" id="taste-reading"><lavel for="taste-reading">読書</lavel></p>
<p><lavel><input type="checkbox" name="taste" value="reading" >釣り</lavel></p>
</form>
「checkboxとlabelがずれる」の回答画像1
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご回答ありがとうございます。

読書の文字がチェックボックスより下にずれています。
いただいた読書、釣りの画像もずれているように私は見えます。

通報する
お礼日時：2014/04/18 19:21

No.2

  • 回答者： Ogre7077
  • 回答日時：

位置を揃えるスタイルを設定してはいかがでしょうか



<head>
<style> p.高さ位置を揃えたい * { vertical-align:middle; } </style>

<body>
<p class=高さ位置を揃えたい>
<input type="checkbox">
<label>
読書
</label>
    • good
    • 1
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

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

ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

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

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

おすすめ情報