2

そのため、幅が 100% の幅に設定されている Div を取得したため、すべてのサイズに設定できます。その div の値が「 min-width:950px 」であるため、幅のサイズが 950 未満になることはありません。

そのdiv内には2行あり、各行には4つのdivが含まれています-幅の特定の値

今何が起こるかというと、低解像度の誰かが私のサイトに入ると、彼は4つのdivがうまく集まっているのを見ることができます:

ここに画像の説明を入力

しかし、高解像度の誰かが私のサイトに入ると、次のようになります。

ここに画像の説明を入力

私がやろうとしているのは、高解像度の誰かが私のサイトに入ると、4 つの div が互いに同じスペースを取るため、次のようになります。

ここに画像の説明を入力

どうやってやるの？前もって感謝します！

4

1 に答える 1

0

CSS スタイリング

#container {
  text-align: justify;
  min-width: 950px;
  border: solid 1px Black; // Change this
}

#container div {
  width: 100px; //Change this
  display: inline-block;
  background: red; // Change this
}

#container:after {
  width: 100%;
  display: inline-block;
}

HTML 要素

<div id="container">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

Codepen (サンドボックス): http://codepen.io/anon/pen/HdtiC

元の記事: http://css-tricks.com/equidistant-objects-with-css/

于 2012-10-09T00:44:02.100 に答える