入力テキストボックスと送信ボックスが完全に並んでいて、サイズが同じであるフォームを作成しようとしています。ただし、何らかの理由で送信ボタンの位置が数ピクセルずれているため、原因がわかりません。
要素は同じサイズで、余白とパディングを削除しようとしましたが、問題を解決できませんでした。
問題を説明するために、簡単なjfiddleを作成しました。https://jsfiddle.net/peacefulgoldfish/d50h7n9p/26/
これに関するヘルプとアドバイスに感謝します。
html
<div>
<form>
<input>
<br>
<input>
<br>
<input type="submit">
</form>
</div>
css
#div{
width:100%;
}
form{
text-align: center;
}
input {
box-sizing: border-box;
height: 10%;
width: 50%;
}
すべての入力の幅を等しくするには、入力のボックスサイズを指定する必要があります。更新されたCSSは次のようになります。
div {
font-size:0;
}
#form{
text-align: center;
font-size: 14px;
}
input {
height: 10%;
width: 50%;
box-sizing: border-box;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加