ボタンを右揃えで配置する 質問する

ボタンを右揃えで配置する 質問する

このコードを使用してボタンを右揃えにします。

<p align="right">
  <input type="button" value="Click Me" />
</p>

しかし、タグはいくらかのスペースを無駄にするので、または を<p>使用して同じことを行うことを検討しています。<span><div>

ベストアンサー1

どのアライメント手法を使用するかは状況によって異なりますが、基本的なものは次のとおりですfloat: right;

<input type="button" value="Click Me" style="float: right;">

overflow:hiddenただし、おそらくフロートをクリアしたいと思うでしょうが、それは親コンテナー上または<div style="clear: both;"></div>コンテナーの下部で明示的に行うことで実行できます。

例えば:http://jsfiddle.net/ambiguous/8UvVg/

フロート要素は通常のドキュメントフローから削除されるため、親の境界をオーバーフローして親の高さを台無しにする可能性があります。clear:bothCSS がそれを処理します ( も同様ですoverflow:hidden)。私が追加した JSFiddle の例を試して、フローティングとクリアがどのように動作するかを確認してください (ただし、最初のものは削除する必要がありますoverflow:hidden)。

おすすめ記事