HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

を別の
の水平方向の中央に配置するにはどうすればよいですか?


ここに、1つのhtmlフォームと1つのcssファイル(style.css)があります。「o-div」は外部divで、「i-div」は内部divクラスです。

<html >
   <head>
      <title>center a div</title>
      <link href="../../Content/style.css" rel="stylesheet" type="text/css" />
   </head>
   <body>
      <div class="o-div">
         I am OUTER DIV

         <div class="i-div">
            I am INNER DIV,
            I am in Center

         </div>
      </div>
   </body>
</html>

出力

I am OUTER DIV
I am INNER DIV, I am in Center

Style.css

body {
   background-color:Gray;
   padding:30px;
}

.o-div {
   padding:50px;
   background-color:Lime;
}

.i-div {
   background-color:Fuchsia;
   max-width:400px;
   height:200px;
   margin: 0 auto;
   text-align:center;
}

  1. Windows10ライセンスを別のPCに転送する方法

    新しいラップトップまたはPCを入手するときは常に、通常、Windows10が既にインストールされてアクティブ化されています。ただし、カスタムPCの構築を計画している場合は、そうではない可能性があり、正規のWindowsライセンスを購入するためにさらに多くのお金を払わなければならない可能性があります。 新しいPCが古いPCを置き換える場合は、Windows 10ライセンスを新しいPCに転送して、新しいWindows10ライセンスの支払いを回避できる可能性があります。今日は、Windows10ライセンスを譲渡して新しいPCをセットアップする方法を見ていきます。 Windows 10ライセンスは

  2. Tkinterでgrid()を使用してウィジェットを水平方向に中央揃えにする方法は?

    名前が示すように、グリッドは行と列のセットに他なりません。 Tkinterグリッドマネージャーも同様に機能します。ウィジェットを2次元平面に配置して、デバイスを垂直方向と水平方向の位置に合わせます。 サイズを変更しながら、ウィジェットをウィンドウの中央に配置する例を考えてみましょう。 グリッド(行、列) プロパティは、ラベルウィジェットを水平方向の中央に配置し、スティッキーにするのに役立ちます プロパティは、ウィンドウ内のウィジェットのサイズ変更を回避します。 例 #Import tkinter library from tkinter import * #Create an instanc