0

このコードをページの中央に配置しようとしていますが、機能していません。タグを配置する場所、またはcssを呼び出して、この印刷の結果を中央に配置する場所がわかりません。css id = "center"をに追加すると、フォームも中央に配置されますが、印刷の出力のみを中央に配置したいと思います。助けてください。

 <p class="name">
   <input type="text" name="name" id="name" value="
      <?php if (isset($_POST['fname'])){
           print htmlspecialchars($_POST['fname']); } ?>"/>
  <label for="name">Name&nbsp;<img src="nfonin/req.png" /></label>
</p>
4

1 に答える 1

0

使用するタグの種類によって異なります。

を使用する予定がある場合は、

タグの場合は、タグ内またはリンクされたクラス ファイル内で div を中央に配置することができます。

<p style="text-align: center">Content here"</p>

ページ上のコンテナーに配置する場合は、コンテンツに合わせてサイズ変更され、それ自体とテキストの両方を中央に配置できるコンテナーを作成する A<div>タグを使用できます。これが必要な場合は、使用できます

<div style="margin-left: auto; margin-right: auto; text-align:center;">Content here"</div>

margin-left と margin-right を auto に設定すると、コンテンツが中央に配置され、コンテナーがコンテンツのサイズになり、両側に十分な大きさのマージンが中央に配置されます。

次を使用して、これをリンクされた css ファイルに入れることもできます。

<link href="mystyle.css" rel="stylesheet" type="text/css" />

ページのヘッダーと:

#yourid {
    margin-left: auto; 
    margin-right: auto;
    text-align: center;
}

css ファイル内で、id を指定した任意の<p>または<div>タグにyouridそれらのプロパティがあります。残念ながら、私が知る限り、<p>タグはマージン調整の影響を受けません。これが役立つことを願っています。

于 2013-03-19T12:40:30.150 に答える