1

div 内に div があります。外側の div の仕事はボックスの配置であり、内側の div の仕事はテキストの配置です。これらの div はより大きな div 内にありますが、それは問題ではないと思います。外側の div にパディングを配置しようとすると、つまりボックスを移動しようとすると、内側の div にパディングが適用され、ボックスがその方向に大きくなります。左上隅は常に、その内側にある他の div にくっついています。パディングがボックスの内側ではなく外側に適用されるようにするにはどうすればよいですか?

フォーマットは次のとおりです。

<div style="width:100px;
            height:50px;
            padding-left:10px;
            padding-top:10px;
            border: 3px solid #D8BFD8;
            align:center;">
   <div style="font-size:x-large;
               padding-left:40px;
               padding-top:0px;
               font-family:'Arial';
               color:black;">
     Profile
   </div>
 </div>
4

3 に答える 3

0

よくわかりませんが、外側のボックスを移動することで、パディングとマージンを間違えていないことを確認できましたか? div の内側にパディングが適用されます。

私はちょうど変更しました

padding-left:10px;
padding-top:10px;

マージン左へ:10px; マージントップ:10px;

より明確にするためにそれを増やしました。また、インライン css を移動してわかりやすくしました。

http://jsfiddle.net/H334r/3/

于 2013-08-06T16:46:24.347 に答える
0

パディングは要素内に適用されます。

W3Schools から、パディングは、要素のコンテンツの周囲 (境界線の内側) の領域をクリアします。パディングは要素の背景色の影響を受けます。

したがって、パディングを外側の div (幅 100px の div) に適用する場合、その内側の要素が影響を受けます。

代わりにマージンの使用を検討することをお勧めします。または、パディングを外側の div の親に設定した方がよいでしょう。これにより、外側の div の親内のすべての要素が均等に配置されます。

外側の div に「align: center」があることがわかります。「margin: auto」を使ってみてください。

于 2013-08-06T16:47:43.673 に答える