[CSS] フォームの「送信ボタン」を中央揃えに! どの端末で見ても真ん中にする技!! | ヨッセンス
こんにちは! ヨス（プロフィールはこちら）です。 今回は、私が以前、WEBサイトを作っていたときに失敗したことのアウトプットをしたいと思います。それはWEBサイトのお問い合わせフォームとかに出てくる送信するとか内容確認みたいなボタンについてです。 ボタンを真ん中に配置したい! 何に苦戦したかというと、内容確認ボタンを画面の中央に寄せることです。 ちなみにボタンはこんなHTMLを書くと現れます。 <input type="submit" value="内容確認"> ボタンの左に余白を…… 最初、私は<input>タグ自体に、「margin」とかで一生懸命、ボタンの両側に空白を入れようとしていました。 そう。ちょうどこんな感じで、両サイドに空白の自動調整（auto）を入れて、中央揃えをやろうとしていたのですが…… input { margin : 0 auto ; } これが効かない!! 効か
![[CSS] フォームの「送信ボタン」を中央揃えに! どの端末で見ても真ん中にする技!! | ヨッセンス](https://cdn-ak-scissors.b.st-hatena.com/image/square/f426e29e19bbd96112332f038e7e8e4353da620a/height=288;version=1;width=512/https%3A%2F%2Fyossense.com%2Fwp-content%2Fuploads%2Finput-button-center-250.jpg)
css-lecture.com - css lecture リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
idやclassなしでテキストボックスやsubmitボタンにCSSを適用するには？ - いっしきまさひこBLOG
Webページの閲覧者に検索やコメントを入力、送信してもらうには、Webページ上にテキストボックス（＝テキスト入力枠）や submit ボタン（＝［送信］ボタンや［検索］ボタン）などの<input>要素（以降、まとめて「コントロール要素」と呼びます）を配置します。しかし、これらのコントロール要素はサイトのデザインと必ずしもマッチしていないことがあり、よりサイトに合ったデザインに変更したい場合があります。このようなときには（基本的に）CSSを使います（この記事ではCSSの使い方の説明は割愛します）。 コントロール要素にCSSを適用するには、まずは目的のコントロール要素を特定する必要があります。これを行うためには、通常、そのコントロール要素にid属性もしくはclass属性を付け、それを利用します。 例えば、次のようなHTMLコードで、submit ボタンが配置されているとします。 <div id
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
