0

私はこの質問を見てきました： パーセントベースのdivを中心に置く

しかし、私の試みは無益です。その質問の答えがどのように意味をなすのか、または100％の幅でそれを行う方法を私は完全に理解していません。基本的に、2つのdivを持つ動的にレンダリングされたページがあります。両方とも100％の幅と100％の高さに設定されているため、出力全体がキャプチャされます。したがって、2つのdivの長さが異なる場合は、divを本体の中央に配置します。

<body>
  <div id="first">Longer Name</div>
  <div id="second">Name</div>
</body>

現在の出力：

OUTPUT LONGER
OUTPUT SHORT

必要な出力：

OUTPUT LONGER
    OUTPUT SHORT

div CSS：

height: 100%;
position: relative;
width: 100%;

本体CSS：

margin: 0;
padding: 0;

出力の動的な性質により、パーセンテージベースのdivが必要です。

編集

出力が大量のテーブルであることを明確にする必要があります。私が置いた例は、それをどのように中央に配置したいかを示すことでした。出力はテキストではありません。基本的に、1つのテーブル幅は120pxであり、本文の中央に配置する必要があります（これは、より長いdivの幅であり、1500pxになる可能性があります）。

4

3 に答える 3

2 
#first, #second { text-align: center; }
于 2012-10-10T19:55:53.960 に答える
0

% で幅を使用する場合、サイトは柔軟であり、すべての div を中央に配置したい場合は、このコードを使用します。このコードは、任意の要素コンテンツに役立ち、サイトのどの場所でも中央になります

#first, #second{    
  width:100%;
  text-align:center;
 }

よろしくお願いします

于 2012-10-10T20:03:55.683 に答える
0

この種類の CSS を使用できます。

#mydiv{
position:fixed;
padding:0px;

z-index: 101;
top:50%;
left:50%;
transform: translate(-50%, -50%); /*what you actually need to center*/

width: 80%;
height: 80%;
background:rgba(0,0,0,1);
display: none;
border:1px solid #d2d2d2;
}
于 2016-02-08T10:31:14.033 に答える